<div class="container">
         <div class="row grid-header align-items-center">
              <div class="col-2">
              </div>
              <div class="col-4">
                  Competitors
              </div>
              <div class="col-3">
                  Quantity
              </div>
              <div class="col-3">
                  Results
              </div>
         </div>
         <div class="row align-items-center">
              @foreach (var item in Model)
              {
<div class="col-2">
         <div class="row justify-content-center">
              <img src="~/images/@item.FirstCompetitorPhotoFileName" />
         </div>
         <div class="row justify-content-center">
              <img src="~/images/@item.SecondCompetitorPhotoFileName" />
         </div>
     </div>
     <div class="col-4">
         <div class="row">
              @Html.DisplayFor(model => item.FirstCompetitorName)
         </div>
         <div class="row">
              @Html.DisplayFor(model => item.SecondCompetitorName)
         </div>
     </div>
     <div class="col-3">
         @Html.DisplayFor(model => item.GamesQuantity)
     </div>
     <div class="col-3">
         @Html.DisplayFor(model => item.FinalScore)
     </div>
              }
         </div>
     </div>