.quotation-mark-img {
    height: 40px;
    /* Reduced size */
    width: 40px;
    /* Reduced size */
}

/* Add responsiveness for different screen sizes */
@media (max-width: 768px) {
    .quotation-mark-img {
        height: 30px;
        /* Reduced size */
        width: 30px;
        /* Reduced size */
    }
}

@media (max-width: 480px) {
    .quotation-mark-img {
        height: 20px;
        /* Reduced size */
        width: 20px;
        /* Reduced size */
    }
}

.video-placeholder-img {
    height: 100%;
    /* Default size */
    width: 100%;
    /* Default size */
    max-width: 400px;
    /* Prevent it from getting too large */
}

/* Add responsiveness for different screen sizes */
@media (max-width: 768px) {
    .video-placeholder-img {
        height: 200px;
        /* Reduced size */
        width: 100%;
        /* Reduced size */
        max-width: 300px;
    }
    
    .quotation-text {
        padding: 0 15px;
        /* Add some padding on mobile */
    }
    
    .banner-content {
        padding: 20px 0;
        /* Add vertical padding on mobile */
    }
}

@media (max-width: 480px) {
    .video-placeholder-img {
        height: 150px;
        /* Reduced size */
        width: 100%;
        /* Reduced size */
        max-width: 250px;
    }
    
    .quotation-text {
        padding: 0 10px;
        /* Tighter padding on small screens */
        gap: 1rem !important;
        /* Reduce gap between elements */
    }
    
    .banner-content {
        padding: 15px 0;
        /* Reduce vertical padding on very small screens */
    }
}