.image {

    width: 100%;
    overflow: hidden;
    position: relative;
}

    .image .cover-image img {
            -o-object-fit: cover;
               object-fit: cover;

        }

    .image.circle .cover-image {
            aspect-ratio: 1/1;
            border-radius: 99em;
            display: block;
            margin: 0 auto;
        }

    .image.circle .cover-image img {
                min-width: 100%;
                width: auto;
                height: auto;
                aspect-ratio: 1/1;
                min-height: 100%;

            }

    .image.rectangle .cover-image {
            aspect-ratio: 4/3;
        }

    .image.rectangle-wave .cover-image {
            width: 100%; 
            max-width: unset;
            aspect-ratio: 4/3;
            overflow: hidden;
            -webkit-mask-image: url("./../../images/clipping-masks/featured-image.svg");
            mask-image: url("./../../images/clipping-masks/featured-image.svg");
            border-radius: unset;
        }

    .image.rectangle-wave .cover-image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

    .image.square {
        width: 100%;
        aspect-ratio: 1/1;
    }

    .image.square .cover-image {
            width: 100%;
            overflow: hidden;
        }

    .image.square .cover-image img {
                min-width: 100%;
                min-height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                width: auto;
                height: auto;
            }

    .image.square .cover-image img {
                -o-object-fit: cover;
                   object-fit: cover;
            }

.image--block .cover-image, .image .cover-image {
        overflow: hidden;
        display: inline-block;

    }

@media (min-width: 1025px) {

        }

.image--block .cover-image img, .image .cover-image img {
            margin: 0 auto;    
            display: block;
        }

.image--block-circle .cover-image, .image-circle .cover-image {
            aspect-ratio: 1/1;
            border-radius: 99em;
            display: block;
            margin: 0 auto;
        }

.image--block-circle .cover-image img, .image-circle .cover-image img {
                -o-object-fit: cover;
                   object-fit: cover;
                margin: unset;
                min-width: 100%;
                min-height: 100%;
            }

.image--block.square, .image.square {
        width: 100%;
    }

.image--block.square .cover-image, .image.square .cover-image {
            width: 100%;
            aspect-ratio: 1/1;
            overflow: hidden;
        }

.image--block.square .cover-image img, .image.square .cover-image img {
                min-width: 100%;
                min-height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }

.image--block-rectangle .cover-image, .image-rectangle .cover-image {
            aspect-ratio: 4/3;
        }

.image--block-rectangle-wave .cover-image, .image-rectangle-wave .cover-image {
            max-width: 400px;
            aspect-ratio: 4/3;
            overflow: hidden;
            -webkit-mask-image: url("./../../images/clipping-masks/featured-image.svg");
            mask-image: url("./../../images/clipping-masks/featured-image.svg");
        }

.image--block-rectangle-wave .cover-image img, .image-rectangle-wave .cover-image img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }