picture img {
    width: var(--img-width, 100%);
    height: var(--img-height, 100%);
    object-fit: var(--fit, cover);
    max-width: 100%;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

picture[data-banner-img-width] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    background-color: var(--blue);
}

picture[data-banner-img-width] img {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    object-fit: contain;
}

picture[data-banner-img-width] img.blurry-clone {
    position: absolute;
    z-index: 0;
    left: -50vw;
    right: -50vw;
    width: 200vw;
    height: auto;
    filter: blur(.75rem);
    top: 50%;
    transform: translateY(-50%);
    max-width: unset;
}