.event-container{
    .event-featured-image > img{
        max-height: 50rem;
        width: auto;
        height: auto;
        margin-inline: auto;
    }

    .event-wrapper {
        margin-block: 4rem;

        .event-date-details{
            font-style: italic;
        }

        .event-content {
            margin-top: 4rem;
        }
    }

}

@media screen and (max-width: 70em) {
    .event-container {
        padding-inline: var(--mobile-inline-padding);
    }
}
