.wp-block-image {
    position: relative;
    overflow: clip;

    &::after {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

.wp-block-image {
    & > a {
        display: block;
        height: 100%;
    }

    img {
        /*aspect-ratio: 3/4;*/
        object-fit: cover;
        /*box-sizing:border-box;*/
        /*height: auto;*/
        /*max-width: none;*/
        /*vertical-align:bottom;*/
        min-width: 100%;
        min-height: 100%;
        /*width: auto;*/
    }
}

.wp-block-column > .wp-block-image,
.entry-content > .wp-block-image {
    border-radius: var(--wp--custom--border-radius--block);
}

/*.wp-block-image:has([style^="aspect-ratio:1"]) {*/
/*    border: 4px solid red;*/
/**/
/*    &::after { content: "1/1" }*/
/*}*/
/**/
/*.wp-block-image:has([style^="aspect-ratio:3/4"]) {*/
/*    border: 4px solid green;*/
/**/
/*    &::after { content: "3/4" }*/
/*}*/
/**/
/*.wp-block-image:has([style^="aspect-ratio:4/3"]) {*/
/*    border: 4px solid yellow;*/
/**/
/*    &::after { content: "4/3" }*/
/*}*/

.page-template-page-shipping {
    .wp-block-image img {
        aspect-ratio: 710/450 !important;
    }
}

@media screen and (min-width: 769px) {
    .wp-block-image:has([style^="aspect-ratio:1"]) img {
        aspect-ratio: 4/3 !important;
    }

    .wp-block-image:has([style^="aspect-ratio:3/4"]) img {
        aspect-ratio: 4/3 !important;
    }
}

@media screen and (min-width: 1280px) {
    /*.wp-block-image img,*/
    .wp-block-image:has([style^="aspect-ratio:3/4"]) img {
        aspect-ratio: unset !important;
    }

    .wp-block-image:has([style^="aspect-ratio:1"]) img {
        aspect-ratio: unset !important;
    }
}