Background
These modular elements can be readily used and
customized in every layout across pages.
Image Background
Image Background
<div class="position-relative py-6 py-lg-8" data-bs-theme="light">
<div class="bg-holder rounded-3 overlay overlay-0" style="background-image:url(../../assets/img/gallery/2.jpg);"></div> <!--/.bg-holder-->
<div class="position-relative text-center">
<h4 class="text-white">Image Background</h4>
</div>
</div>Video Background
Video Background
<div class="position-relative" data-bs-theme="light">
<div class="bg-holder rounded-2" style="background-image:url(../../assets/video/beach.jpg);"><video class="bg-video" autoplay="autoplay" loop="loop" muted="muted" playsinline="playsinline">
<source src="../../assets/video/beach.mp4" type="video/mp4" />
<source src="../../assets/video/beach.webm" type="video/webm" />
</video></div> <!--/.bg-holder-->
<div class="position-relative vh-75 d-flex flex-center">
<h4 class="text-white">Video Background</h4>
</div>
</div>
