.hero-logo {
    position: relative;
}
.hero-logo::after {
    content: "";
    background-image: url(/wp-content/themes/arbitra/assets/images/ARBITRA_logo_gray.webp);
    background-size: cover;
    width: 100%;
    aspect-ratio: 19/18.75;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -5;
    opacity: 0.25;
}
@media screen and (max-width: 782px) {
    .hero-logo::after {
        content: unset;
    }
}
.wp-block-image.is-style-rounded img {
    border-radius: 0.5rem !important;
}

.obsah-clanku .wp-block-image.alignwide {
    margin: var(--wp--preset--spacing--48-24) 0 !important;
}

.wp-block-image > figcaption {
    text-align: center;
    font-size: var(--wp--preset--font-size--extra-small);
    font-style: italic;
}

.wp-block-image.is-style-bubble img {
    mask: url(/wp-content/themes/slniecko/assets/images/mask-bubble.svg) no-repeat;
    mask-size: contain;
    mask-position: center;
    aspect-ratio: 1;
}

.wp-block-image.is-style-color-bubble img {
    mask: url(/wp-content/themes/slniecko/assets/images/mask-bubble.svg) no-repeat;
    mask-size: contain;
    mask-position: center;
    aspect-ratio: 1;
}
.wp-block-image.is-style-color-bubble {
    position: relative;
}
.wp-block-image.is-style-color-bubble::after {
    content: '';
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--wp--preset--color--alt-background);
    mix-blend-mode: color;
    transition: 350ms ease-out;
}
.wp-block-image.is-style-color-bubble:hover::after {
    opacity: 0;
}