Iframe video portfolio

Hi,
how can I insert a Header with the title of the video and a Footer with a banner (or a slider banner) in the iframe video portfolio?
Thank you for your help.
The code I use

<article id="portfolio-item-3" data-loader="include/ajax/portfolio-ajax-video.php" class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12 pf-graphics pf-uielements" style="position: absolute; left: 50%; top: 0px;">
<div class="grid-inner">
<div class="portfolio-image">
<a href="#">
<img src="images/portfolio/4/3.jpg" alt="Mac Sunglasses">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark animated fadeOut" data-hover-animate="fadeIn" data-bs-theme="dark" style="animation-duration: 600ms;">
<a href="https://vimeo.com/89396394" class="overlay-trigger-icon bg-light text-dark animated fadeOutUpSmall" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" data-lightbox="iframe" style="animation-duration: 350ms;"><i class="uil uil-play"></i></a>
<a href="portfolio-single.html" class="overlay-trigger-icon bg-light text-dark portfolio-ajax-trigger animated fadeOutUpSmall" data-hover-animate="fadeInDownSmall" data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350" style="animation-duration: 350ms;"><i class="bi-front"></i><i class="bi-arrow-repeat icon-spin"></i></a>
</div>
<div class="bg-overlay-bg dark animated fadeOut" data-hover-animate="fadeIn" data-bs-theme="dark" style="animation-duration: 600ms;"></div>
</div>
</div>
<div class="portfolio-desc">
<h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3>
<span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span>
</div>
</div>
</article>

I meant in the bg-overlay.

ok. 😑