/* Mobile fixes for events page - only affects images */
@media (max-width: 768px) {
    .event-poster {
        height: auto !important;
        min-height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    
    .event-poster img {
        width: 100% !important;
        height: auto !important;
        max-height: 300px;
        object-fit: contain !important;
    }
    
    /* Keep videos as they were */
    .event-poster video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}