Can anyone provide guidance on how to design a layout similar to the one shown in this image: https://i.sstatic.net/RYAuA.png? I want the image on the left and text on the right, with responsiveness. Any help would be greatly appreciated. Thank you!
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0e6c61617a7d7a7a76f7e4e3b203e203c">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div className="brand_story_body w-75 d-flex m-auto justify-content-between">
<div className="brand_story_description text-start">
<div className="w-50">
<img className="mw-100 mh-100" src="https://i.ibb.co/jT1MGm8/brand-story-body-image.png"/>
</div>
<div className="w-50">
<p>
Looking for ways to create mobile-optimized videos quickly? Even if you're not a designer, our tool can help your team produce high-quality videos that can be easily customized. Start boosting your brand's success today by learning how to create mobile-optimized videos in minutes.
</p>
<button className="py-1 see-more-btn bg-primary border-3 border border-secondary fw-bold px-4">
SEE MORE
</button>
</div>
</div>
</div>