:root {
    --box-radius: 0;
}

section.img-snippet {
    --img-height: auto;
    --o-img-height-desktop: var(--img-height);
    --o-img-height-tablet: 500px;
    --o-img-height-mobile: 400px;
    --o-img-max-height: var(--img-height);
}

section.img-snippet .img {
    position: relative;
    display: flex;
    justify-content: center;
}

section.img-snippet.zeroHeight .o-img{
    /*Эмуляция scale*/
    object-fit: contain;
    position: static;
    --o-img-max-height: var(--img-height);
}

section.img-snippet.withBack .img:after {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

section.img-snippet.withBack .img {
    border-radius: var(--box-radius);
    overflow: hidden;
}