/*  DEFAULTS: MEDIA
//////////////////////////////////////////////////////////////////////////////*/

@layer defaults {
    img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .image_container.float_left {
        float: left;
        margin: 0 var(--spacing-m) var(--spacing-m) 0;
        width: auto !important;
    }
    .image_container.float_right {
        float: right;
        margin: 0 0 var(--spacing-m) var(--spacing-m);
        width: auto !important;
    }
    .image_container.float_above {
        margin: 0 0 var(--spacing-m) 0;
        width: auto;
    }
    video {
        max-width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
    }
}