.hero-gradient {
    background: linear-gradient(rgba(26, 26, 58, 0.8), rgba(128, 0, 0, 0.8)), url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
}

.play-button-overlay:hover .play-icon {
    transform: scale(1.1);
    background-color: #800000;
    border-color: #800000;
}