/* Fixed image section styles */
.fixed-img-section {
    background-image: url(../images/background/firey-wings-wide.jpg);
    height: 0;
    padding-top: 45%; /* Adjust this percentage based on your video's aspect ratio (e.g., 16:9) */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #bca69a;
    border-bottom: 5px solid #cbcbcb;
    position: relative;
}

.promo-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; /* Add cursor pointer to indicate it's clickable */
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/photos/BandCoverPhoto.png') center center no-repeat; /* Set the overlay image */
    background-size: 50%;
    cursor: pointer;
}

.fixed-img-section > .promo-video iframe {
    width: 50%;
    height: 80%;
}