For the simplicity, I’m going to keep the code as minimum as possible to describe the issue.

Here is my ViewModel, CompanyImageViewModel class

    public class CompanyImageViewModel
    {
        public int Id { get; set; }
        public string CompanyHash { get; set; }
        public string PoseId { get; set; }
        public string TankCode { get; set; }
        public string Site { get; set; }
        public string TitleTag { get; set; }
        public string AltTag { get; set; }
        public string CaptionTag { get; set; }
        public string Filename { get; set; }
        public IFormFile ImageFile { get; set; }
    }

I want to show multiple such viewmodel in a single page.

@model List<CompanyImageViewModel>


<div class="container">
    <h1>Company Image Manager</h1>
    <div class="mb-1"><a asp-action="Index">⬅️Back to Company List</a></div>

    <form method="post">
        @for (int i = 0; i < Model.Count; i++)
        {
                
           var selectedImageFile = Model.Skip(i).Take(1).FirstOrDefault();
            

            <div class="image shadow-sm p-3 mb-5 bg-white rounded d-flex">
                <div class="imagecontainer">
                    <img id="displayedImage" src="@imageRoot@selectedImageFile.Filename" alt="Click to change image" style="width: 300px; cursor: pointer;">
                    @Html.TextBoxFor(r => r[i].ImageFile, new {@class="imageUpload"});
                    <input type="file" asp-for="@selectedImageFile.ImageFile" class="imageUpload" accept="image/*" style="display: none;">
                </div>
                <div class="inputFields">
                    <div class="title">
                        <div class="mb-3">
                            <label asp-for="@selectedImageFile.TitleTag" class="form-label">Image Title</label>
                            <input class="form-control" asp-for="@selectedImageFile.TitleTag">
                        </div>
                    </div>
                </div>
            </div>










        }
        <button type="submit" class="btn btn-primary">Save</button>
    </form>

    <div class="error-log" id="error-log"></div>

</div>

I am looking for best way to bind models with html elements in this situation.