Feature- Rich Responsive Component - Copy this Html, Bootstrap Component to your project

Te paso un codigo css y generame el bootstrap para hacerlo mas responsive "* { margin: 0; padding: 0; box sizing: border box; } .wrapper, .content { position: relative; width: 100%; z index: 1; } @media only screen and (max width : 900px) { . wrapper { height: 30% width: 95%; } .section hero { height: 30%; width: 95%; } } .content { overflow x: hidden; } .content .section { width: 100%; height: 100vh; } .content .section.hero { background image: url(https://dimadesings.live website.com/wp content/uploads/2024/10/boceto mueble dima design.webp); background position: 50% 60%; background repeat: no repeat; background size: cover; } .video section { display: grid; place items: center; } .image container { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; right: 0; z index: 1; perspective: 500px; overflow: hidden; } .image container img { width: 100%; height: 100%; object fit: cover; object position: center center; }"