Responsive Search Offcanvas - Copy this Html, Bootstrap Component to your project

<div class="row g-4 collection-container"> <!-- Woman Collection --> <div class="col-md-6 text-center"> <img src="image/Woman Collection.jpg" alt="Woman Collection" class="img-fluid collection-image w-90 h-80 "> <a href="shop.html"><button class="btn btn-outline-dark w-100 mt-3" style="border-radius: 0;padding: 10px;">Women Collection</button></a> </div> <!-- Men Collection --> <div class="col-md-6 text-center"> <img src="image/Men Collection.jpg" alt="Men Collection" class="img-fluid collection-image w-90 h-80 "> <button class="btn btn-outline-dark w-100 mt-3" style="border-radius: 0;padding: 10px;">Men Collection</button> </div> </div> make this responsive