<div class=”video-banner-wrapper”>
<video autoplay muted loop playsinline class=”video-banner”>
<source src=”https://www.ovcdistro.com/wp-content/uploads/2025/07/bag-banner.mp4″ type=”video/mp4″>
Your browser does not support the video tag.
</video>
<div class=”banner-overlay-text”>
<h1>LIMITED RELEASE</h1>
<p>Drop available now — scroll down to explore</p>
</div>
</div>

<style>
.video-banner-wrapper {
position: relative;
width: 100%;
height: 500px;
overflow: hidden;
z-index: 1;
}

.video-banner {
width: 100%;
height: 100%;
object-fit: cover;
}

.banner-overlay-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
text-align: center;
background: rgba(0, 0, 0, 0.4);
padding: 20px 40px;
border-radius: 10px;
z-index: 2;
}

.banner-overlay-text h1 {
font-size: 3em;
margin: 0 0 10px;
letter-spacing: 2px;
font-weight: bold;
}

.banner-overlay-text p {
font-size: 1.2em;
opacity: 0.9;
}
</style>