<section class="relative overflow-x-hidden">
<div class="container mx-auto px-4">
<div class="flex flex-wrap items-center">
<div class="w-full md:w-1/2 lg:w-2/5 md:h-128 md:pr-8 mb-20 md:mb-0">
<div class="pt-20 max-w-md">
<span class="mb-4 text-2xl">More ideas</span>
<h2 class="mt-6 mb-16 lg:mb-32 text-5xl font-bold font-heading">Featured styles. Check it now.</h2>
<a class="inline-block bg-orange-300 hover:bg-orange-400 text-white font-bold font-heading py-6 px-8 rounded-md uppercase transition duration-200" href="#">More</a>
</div>
</div>
<div class="w-full h-64 md:h-128 md:w-1/2 lg:w-3/5">
<img class="h-full w-full md:w-auto max-w-none object-cover" src="yofte-assets/images/placeholder-marta-wave.png" alt="">
</div>
</div>
</div>
</section>