Embed Youtube - Tailwind Component

<section class="bg-gray-100 text-gray-800 rounded-lg max-w-screen-lg container py-8 mx-auto mt-24">
  <div class=" bg-white -mt-24 mx-auto items-center w-5/6 z-50 rounded-lg px-4 py-4 shadow-lg">
    <h1 class="font-display text-center font-semibold text-3xl sm:text-4xl md:tracking-wide 
    break-words sm:text-left p-4">
    FLYING OVER BALI (4K UHD) - Relaxing Music Along With Beautiful Nature Videos
    </h1>
  
    <div class=" text-base p-6 mt-3 rounded-xl indent-6 text-justify sm:text-lg">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus iure cum fugiat ipsam est voluptas quasi
      blanditiis debitis nemo repellendus adipisci atque, magni laudantium placeat consequuntur architecto aut autem
      vero saepe, cumque dolore vel eaque facere. Sit voluptatum cupiditate molestiae, debitis ullam velit tempore quae
      sint, repudiandae ipsum sed laborum?
      <div class="relative mt-6" style="padding-top: 56.25%">
        <iframe class="absolute inset-0 w-full h-full" src="https://www.youtube.com/embed/DOJAWWcRHc0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>></iframe>
      </div>
    </div>
  </div>
</section>
<div class="py-4"></div>