.events-items {
    column-count: 4;
    column-gap: 2rem;
    row-gap: 1rem;
}

.events-items > * {
    flex: 0 0 calc(25% - 1rem);
    margin-bottom: 0;
    padding: 1.2rem 4.5rem 2rem 1.6rem;
    break-inside: avoid-column;
}

@media (max-width: 991px) {
    .events-items {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    .events-items {
        column-count: 1;
    }
}