.video-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Added drop shadow */
    border-radius: 8px; /* Optional: Added border-radius for smooth corners */

}

.video-container img {
    display: block;
    width: 100%;
    filter: grayscale(100%);
    transition: opacity 0.3s ease;
}

.video-container .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5em;
    /* Increased font size */
    color: #cc0000; /* Muted red */
    /* Changed color to red */
    pointer-events: none;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
    /* Retained shadow for visibility */
}

.video-container:hover img {
    opacity: 0.7;
}