@charset "utf-8";
/* CSS Document */

.block.image > div  {
 
    width:100%;
    overflow: hidden;

}

.block.image > div > picture > img  {
 
    width:100%;
    height:100%;
    object-fit: cover; 

}

.block.image > div.super-wide  {
 
    aspect-ratio: 21 / 9;

}

.block.image > div.wide  {
 
    aspect-ratio: 16 / 9;

}

.block.image > div.landscape  {
 
    aspect-ratio: 4 / 3;

}

.block.image > div.square  {
 
    aspect-ratio: 1 / 1;

}

.block.image > div.portrait  {
 
    aspect-ratio: 3 / 4;

}


@media screen and (max-width: 1220px) {
    


}

@media screen and (max-width: 1000px) {

    .block.image > div.mobile-super-wide  {

        aspect-ratio: 21 / 9;

    }

    .block.image > div.mobile-wide  {

        aspect-ratio: 16 / 9;

    }

    .block.image > div.mobile-landscape  {

        aspect-ratio: 4 / 3;

    }

    .block.image > div.mobile-square  {

        aspect-ratio: 1 / 1;

    }

    .block.image > div.mobile-portrait  {

        aspect-ratio: 3 / 4;

    }

}

@media screen and (max-width: 640px) {
    
    .block.image > div.smallerWidthOnMobile  {

        width:50%;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;

    }    

}