@media(max-width:1024px) {
    .events-page .header-image {
        padding-top: 25vh;
    }
}

@media(min-width:1025px) {
    .events-page .header-image {
        aspect-ratio: 1/0.407;
    }
}

.header-image-text {
    padding-left: var(--gutter-sm);
    padding-right: var(--gutter-sm);
}

.events-page .header-image:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 40px;
    row-gap: 60px;
}

@media(min-width:768px) {
	.events-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(min-width:1025px) {
	.events-grid {
		grid-template-columns: repeat(3, 1fr);
        row-gap: 90px;
	}
}