.hex-image-wrapper {
    position: relative;
    height: 100%;
    @media(max-width: 781px) {
        text-align: center;
    }
    .hex-image img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    .tilt-right svg {
        transform: rotate(15deg);
    }
    .tilt-left svg {
        transform: rotate(-15deg);
    }
    .image-size-small svg {
        width: clamp(8.063rem, 5.477rem + 11.03vi, 15.625rem);
    }
    .image-size-large svg {
        width: clamp(15.625rem, 12.1rem + 15.041vi, 25.938rem);
    }
}
.num-of-images-2.align-top-Yes .hex-image:last-of-type {
    margin-top: -3rem;
    text-align: right;
}
.num-of-images-1 {
    text-align: center;
    height: auto;
}
@media(min-width: 782px) {
    .num-of-images-2 {
        display: flex;
        .hex-image {
            position: absolute;
        }
        .hex-image:first-of-type {
            top: -5rem;
            left: 0;
        }
        .hex-image:last-of-type {
            bottom: -4rem;
            right: 0;
            margin-top: 0;
            text-align: unset;
        }
    }
    .num-of-images-2.align-top-Yes {
        .hex-image:first-of-type {
            top: -7.5rem;
            left: -1.5rem;
            @media(min-width: 955px) {
                left: -2.75rem;
            }   
            @media(min-width: 1024px) {
                left: -1.5rem;
            }
        }
        .hex-image:last-of-type {
            bottom: -1.25rem;
            right: var(--wp--preset--spacing--60);
            margin-top: 0;
            text-align: unset;
        }
        
    }
    .num-of-images-2.align-top-Yes:has(.hex-image:first-of-type.image-size-small) .hex-image:first-of-type {
        bottom: -1rem;
        top: unset;
        @media(min-width: 1200px) {
            bottom: 0;
        }
    }
    .num-of-images-2.align-top-Yes:has(.hex-image:first-of-type.image-size-small) .hex-image:last-of-type {
        top: -64px;
        right: 0;
        bottom: unset;
        @media(min-width: 1024px) {
            top: -104px;
        }
        @media(min-width: 1200px) {
            top: -120px;
        }
    }
    .num-of-images-2.align-top-Yes:has(.hex-image:last-of-type.image-size-small) .tilt-right:last-of-type {
        right: 0;
    }
    .num-of-images-2.align-top-No:has(.hex-image:first-of-type.image-size-small) .hex-image:first-of-type {
        top: -4rem;
        left: -1.5rem;
    }
}
.num-of-images-2.align-top-Yes:has(.hex-image:first-of-type.image-size-small) .hex-image:first-of-type {
    text-align: left;
}
.num-of-images-2.align-top-No:has(.hex-image:last-of-type.image-size-small) .hex-image:last-of-type {
    text-align: right;
}
.hex-image {
    z-index: 3;
    position: relative;
}
.hex-image.maple-leaf-Yes {
    @media(min-width: 767px) {
        text-align: left;
    }
    
}
.hex-maple {
    transform: none !important;
    position: absolute;
    bottom: 1.625rem;
    right: clamp(3rem, -6.236rem + 39.409vi, 13rem);
    width: auto !important;
    @media(min-width: 782px) {
        bottom: 2rem;
        right: unset;
        left: clamp(15rem, 10.479rem + 9.262vi, 19rem);
        width: 4.375rem !important;
        height: 4.5rem !important;
    }
}

main.wp-block-group {
    overflow: hidden;
}