.wp-block-image.is-style-parallelogram,
.wp-block-cover.is-style-parallelogram,
.wp-block-media-text.is-style-parallelogram {
    overflow: hidden;
}

/* apply to images, cover backgrounds/videos, media-text images and cover overlay */
.wp-block-image.is-style-parallelogram img,
.wp-block-cover.is-style-parallelogram .wp-block-cover__image-background,
.wp-block-cover.is-style-parallelogram .wp-block-cover__video-background,
.wp-block-cover.is-style-parallelogram .wp-block-cover__overlay,
.wp-block-cover.is-style-parallelogram .wp-block-cover__background,
.wp-block-media-text.is-style-parallelogram .wp-block-media-text__media img {
    --parallelogram-polygon: 0% 0, 100% 0, 100% 100%, 0% 100%;
    clip-path: polygon(var(--parallelogram-polygon));
    transition: clip-path 0.15s ease-out;
}

@supports not (clip-path: polygon(0 0)) {
    .wp-block-image.is-style-parallelogram img,
    .wp-block-cover.is-style-parallelogram .wp-block-cover__image-background,
    .wp-block-cover.is-style-parallelogram .wp-block-cover__video-background,
    .wp-block-cover.is-style-parallelogram .wp-block-cover__overlay,
    .wp-block-cover.is-style-parallelogram .wp-block-cover__background,
    .wp-block-media-text.is-style-parallelogram .wp-block-media-text__media img {
        clip-path: none;
    }
}