@mixin image-fill {
    position: absolute;
    top: 50%;
    left: 50%;

    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;

    transform: translate(-50%, -50%);

    @supports (object-fit: cover) {
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        object-fit: cover;
        transform: none;
    }
}
