.event-content {
    margin: 0 auto;
    text-align: center;
}

.event-image {
    max-height: 200px;
}

.event-info {
    margin: 30px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 780px) {
    .event-info {
        grid-template-columns: repeat(2, 1fr);
    }

}
@media screen and (max-width: 580px) {
    .event-info {
        grid-template-columns: repeat(1, 1fr);
    }

}