.cropped-image {
    filter: url(#goo);
}

.cropped-image .cutout {
    clip-path: polygon(0% 20%, 45% 20%, 45% 0%, 100% 0%, 100% 70%, 75% 70%, 75% 100%, 0% 100%);
    height: 100%;
    display: flex;
}

.cropped-image .cutout.is-mirrored {
    clip-path: polygon(0% 0%, 55% 0%, 55% 20%, 100% 20%, 100% 100%, 25% 100%, 25% 70%, 0% 70%);
}

.cropped-image .cutout img {
    align-self: center;
    height: auto;
    max-height: 100%;
}

.cropped-image .cutout:not(.has-image) {
    height: {{max_height}}px;
}

.cropped-image .cutout:not(.has-image) img {
    display: none;
}

@media (max-width: 768px) {
    .cropped-image {
        filter: url(#goo2);
    }
}