figure {
    max-width: var(--design-width);
    margin: 1rem auto;

    img,
    video {
        max-width: 100%;
        max-height: 80vh;
        height: auto;
        margin: auto;
        border-radius: .5rem;
        opacity: .5;

        &:hover {
            opacity: 1;
        }

        &.bg-white {
            background-color: #fff;
        }
    }

    audio {
        margin: auto;
        display: block;
    }

    figcaption {
        line-height: 125%;
        margin: .75rem auto;
        text-align: center;
        color: #a8b4bd;
        font-size: .85em;

        p {
            text-align: center !important;
        }
    }
}