.event-list .event-list__grid {
    grid-template-columns: repeat(3, 1fr);
}

.event-list .event-list__card {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05),
        0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.event-list .event-list__card:hover {
    opacity: 0.75;
}

@media only screen and (max-width: 768px) {
    .event-list .event-list__grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}