<div class="card-midtext">
<div class=img-container>
<img class="prod-img" src="/CSS/Components/assets/1.jpg"></div> 
 <p class="overlay-text">MEN</p>
 </div>

 <div class="card flex-column">
 <div class=img-container>
 <img class="prod-img" src="/CSS/Components/assets/2.jpg">
 </div> 
 <div class="text-container flex-column">
 <p class="prod-title">Men's Bomber Jacket</p>
 <p class="prod-cost">₹1999</p>
 </div>
 <div class="card-btns">
 <button class="btn prim-acc-btn">Add to cart</button>
 <button class="btn prim-btn">Buy Now</button>
 </div>
 </div>

<div class="card card-horizontal flex-row">
<div class="img-container">
<img class="prod-img" src="/CSS/Components/assets/3.jpg">
;</div> 
<div class="right-section flex-column">
<div class="text-container flex-column">
<p class="prod-title">Men's Premium Jacket</p>
<div class="prod-costs flex-row">
<p class="prod-cost">₹1999</p>
<p class="prod-mrp">₹3999</p>
</div>
<p class="prod-discount">50%</p>
</div>
<div class="btns-width-95 flex-column">
<button class="btn prim-btn">Buy Now</button>
<button class="btn prim-acc-btn">Add to cart</button>
</div></div></div>

<div class="card flex-column">
<div class=img-container>
<img class="prod-img" src="/CSS/Components/assets/2.jpg">
</div> 
<div class=badge-container>
<img class="badge-img" src="/CSS/Components/assets/like.png">
</div>
<div class="text-container flex-column">
<p class="prod-title">Men's Bomber Jacket</p>
<p class="prod-cost">₹1999</p>
</div>
<div class="btns-full flex-column">
<button class="btn gray-btn">Move to cart</button>
</div></div>

<div class="card flex-column card-shadow">....</div>