.main-events {
    margin: 1.25rem 0 4.6875rem;
}

.main-events__list {
    column-count: 4;
    column-gap: 2rem;
    row-gap: 1rem;
}

.main-events__list > * {
    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) {
    .main-events__list {
        column-count: 2;
    }
}

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