.euail-media {
    position: relative;
    display: inline-block;
    max-width: 100%;
    line-height: 0;
    vertical-align: middle;
}

.euail-media > img,
.euail-media > picture,
.euail-media > picture > img {
    display: block;
    max-width: 100%;
}

/* Impreza/WPBakery post images and Single Image elements. */
.w-post-elm.post_image > a > .euail-media,
.w-post-elm.post_image > .euail-media,
.cdpost__hero-image > .euail-media,
.wpb_single_image .euail-media,
.vc_single_image-wrapper > .euail-media {
    display: block;
    width: 100%;
}

.w-post-elm.post_image .euail-media > img,
.cdpost__hero-image .euail-media > img,
.wpb_single_image .euail-media > img,
.vc_single_image-wrapper > .euail-media > img {
    width: 100%;
}

.euail-label {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 50;
    display: block;
    max-width: calc(100% - 20px);
    background: var(--euail-icon) center / contain no-repeat;
    pointer-events: none;
}

.euail-media--basic > .euail-label {
    width: clamp(34px, 8%, 52px);
    aspect-ratio: 1 / 1;
}

.euail-media--generated > .euail-label {
    width: clamp(90px, 18%, 180px);
    aspect-ratio: 2048 / 648;
}

.euail-media--modified > .euail-label {
    width: clamp(90px, 18%, 180px);
    aspect-ratio: 2048 / 682;
}

.euail-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 480px) {
    .euail-label {
        right: 6px;
        bottom: 6px;
    }

    .euail-media--generated > .euail-label,
    .euail-media--modified > .euail-label {
        width: clamp(76px, 24%, 130px);
    }
}