@use '~flux/components/css/mixin';

.aspectRatio {
    position: relative;
    flex-shrink: 0;

    > * {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    width: 100%;

    @include mixin.breakpoint-max-widths;
}

.spacer {
    flex-grow: 1;
}