Как сделать чтобы текст под видео youtube не накладывался сверху?

Question

[adil16]

Шаблон делается в bootstrap, вот его код:
<code lang="html">
    <div class="row flex-cols cols-lg-3 align-items-start justify-content-center">
      <h1 class="hblack  text-center">
      DIY washing machinere
   </h1>
      <div class="col postcolumn ratio ratio-16x9 video">
                                            <iframe class="video-ifr"
                                                src="https://www.youtube.com/embed/CwibijuePZ0?si=RPd2cj53tz5T3Gjw"
                                                allowfullscreen></iframe>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium,
                                                consequatur.Lorem
                                                ipsum dolor sit
                                                amet consectetur adipisicing elit. Praesentium, consequatur.Lorem ipsum
                                                dolor
                                                sit amet
                                                consectetur
                                                adipisicing elit. Praesentium, consequatur.</p>
                                        </div>
                                    </div>
</code>
получается вот так:
<img src="https://habrastorage.org/webt/65/4b/fa/654bfa5a85ebb508060137.jpeg" alt="image"/>
текст с описанием не под видео, а на видео сверху наложился.
мне важно, чтобы и видео youtube, который находится в фрейме и текст были в одном div, т.к. хочу встроить его в wordpress.
как сделать, чтобы описание было под видео?

Comments

[Вадим]

либо у фрэйма, либо у текста, скорее всего, абсолютное позиционирование. Стилей вы не прекладываете, демку тоже.
Гадать желающих не много.