How to display images in a rectangle shape using CSS class in ASP.Net

jordan says:

<div id="Div1" class="multiple" runat="server">

      <img src="images/mrshoes/3209.jpg" style="width: 1300px; height: 568.75px; top: -34.375px;

          left: 0px; display: inline;" />

      <img src="images/mrshoes/3211.JPG" alt="" style="width: 1300px; height: 568.75px;

          top: -34.375px; left: 0px; display: inline;" />

      <img src="images/mrshoes/3212.JPG" alt="" style="width: 1300px; height: 568.75px;

          top: -34.375px; left: 0px; display: inline;" />

      <img src="images/mrshoes/3213.JPG" alt="" style="width: 1300px; height: 568.75px;

          top: -34.375px; left: 0px; display: inline;" />

      <img src="images/mrshoes/3214.JPG" alt="" style="width: 1300px; height: 568.75px;

          top: -34.375px; left: 0px; display: inline;" />

  </div>

  <div class="container">

      <div class="row" style="color: #eaeaea;">

          <div class="col-sm-4">

              <div style="border: 1px solid #ddd; border-radius: 25px; padding: 94px; padding-top: 10px;">

                  <h2 style="text-align: center; color: Black">

                      LATEST PRODUCTS</h2>

                  <%--<img src="images/mrshoes/30816-MR-SHOES-ABERCROMBIE-FITCH-IMPORTED-MEN-S-EVA-Flip-Flop-.jpg"

                      class="img-circle" alt="Cinque Terre" width="204" height="136" style="">--%>--%>

                  <img src="images/mrshoes/30816-MR-SHOES-ABERCROMBIE-FITCH-IMPORTED-MEN-S-EVA-Flip-Flop-.jpg"

                      alt="" />

              </div>

          </div>

          <div class="col-sm-4">

              <div style="border: 1px solid #ddd; border-radius: 25px; padding: 94px; padding-top: 10px;">

                  <h2 style="text-align: center;">

                      BEST SELLER</h2>

                  <img src="images/mrshoes/top1.jpg" class="img-circle" alt="Cinque Terre" width="204"

                      height="136">

              </div>

          </div>

          <div class="col-sm-4">

              <div style="border: 1px solid #ddd; border-radius: 25px; padding: 94px; padding-top: 10px;">

                  <h2>

                      NEW ARRIVALS</h2>

                  <img src="images/mrshoes/top3.jpg" class="img-circle" alt="Cinque Terre" width="204"

                      height="136">

              </div>

          </div>

      </div>

  </div>

 replace above code with below

<div id="Div1" class="multiple" runat="server">
    <img src="images/mrshoes/3209.jpg" style="width: 1300px; height: 568.75px; top: -34.375px;
        left: 0px; display: inline;" />
    <img src="images/mrshoes/3211.JPG" alt="" style="width: 1300px; height: 568.75px;
        top: -34.375px; left: 0px; display: inline;" />
    <img src="images/mrshoes/3212.JPG" alt="" style="width: 1300px; height: 568.75px;
        top: -34.375px; left: 0px; display: inline;" />
    <img src="images/mrshoes/3213.JPG" alt="" style="width: 1300px; height: 568.75px;
        top: -34.375px; left: 0px; display: inline;" />
    <img src="images/mrshoes/3214.JPG" alt="" style="width: 1300px; height: 568.75px;
        top: -34.375px; left: 0px; display: inline;" />
</div>
<div class="container">
    <div class="row" style="color: #eaeaea;">
        <div class="col-sm-4">
            <div style="border: 1px solid #ddd; border-radius: 25px; padding: 94px; padding-top: 10px;">
                <h2 style="text-align: center; color: Black">
                    LATEST PRODUCTS</h2>
                <%--<img src="images/mrshoes/30816-MR-SHOES-ABERCROMBIE-FITCH-IMPORTED-MEN-S-EVA-Flip-Flop-.jpg"
                    alt="Cinque Terre" width="204" height="136" style="">--%>--%>
                <img src="images/mrshoes/30816-MR-SHOES-ABERCROMBIE-FITCH-IMPORTED-MEN-S-EVA-Flip-Flop-.jpg"
                    alt="" />
            </div>
        </div>
        <div class="col-sm-4">
            <div style="border: 1px solid #ddd; border-radius: 25px; padding: 94px; padding-top: 10px;">
                <h2 style="text-align: center;">
                    BEST SELLER</h2>
                <img src="images/mrshoes/top1.jpg" alt="Cinque Terre" width="204" height="136">
            </div>
        </div>
        <div class="col-sm-4">
            <div style="border: 1px solid #ddd; border-radius: 25px; padding: 94px; padding-top: 10px;">
                <h2>
                    NEW ARRIVALS</h2>
                <img src="images/mrshoes/top3.jpg" alt="Cinque Terre" width="204" height="136">
            </div>
        </div>
    </div>
</div>