.media-block-container {
    margin-block: 8rem;
    grid-column: 3 / 5;
}

.media-block-container .figure {
    max-width: 80rem;
}

.media-block-container .figure iframe {
    margin: 0;
}

.media-block-container .figure img {
    object-fit: contain;
    object-position: top;
    aspect-ratio: auto;
    height: auto;
}

.media-block-container .media-block-image-link{
    display: inline-block;
    width: fit-content;
}

.media-block-container .figure figcaption {
    margin-block-start: 1rem;
    font-style: italic;
    max-width: 79rem;
    color: var(--color-gray-dark);
}

.media-block-container .video-title {
    margin-block: 1rem 0;
}
@media screen and (max-width: 70em) {
    .media-block-container {
        padding-inline: var(--mobile-padding);
    }
}

@media (max-width: 1150px) {
    .media-block-container .figure {
        margin-inline: auto;
    }

}

@media (max-width: 775px) {
    .media-block-container .figure:not(.video) {
        display: block;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }

    .media-block-container {
        margin-block: 4rem;
    }

    .media-block-container .figure figcaption {
        font-size: 1.5rem;
    }

    .media-block-container .figure,
    .media-block-container iframe,
    .media-block-container img {
        max-width: 100%;
    }

    .media-block-container .figure,
    .media-block-container img {
        height: auto;
    }

    .media-block-container .narrow-left-aligned > figure {
        margin-inline: auto !important;
    }

    @supports selector(:has(+ *)) {

        section.content-components:has(.side-bar-nav) .media-block-container {
            margin-inline: auto !important;
        }
    }
    section.content-components.without-sidebar .media-block-container {
        margin-inline: auto !important;
    }
}