.wp-block-callout-image-text {
overflow: hidden;
margin-top: 4em;
margin-bottom: 4em;
padding-bottom: 2em; }
.wp-block-callout-image-text .container {
display: flex;
align-items: flex-end;
gap: 4em;
}
.wp-block-callout-image-text .wp-block-callout-image-text__image {
border-radius: 4px;
flex: 1;
overflow: hidden;
z-index: 1;
}
.wp-block-callout-image-text .wp-block-callout-image-text__image img {
border-radius: 4px;
display: block;
}
.wp-block-callout-image-text .container > div:last-child {
flex: 2;
}
.wp-block-callout-image-text h2 {
margin-top: 0;
margin-bottom: 0.75em;
}
.wp-block-callout-image-text .wp-block-callout-image-text__content {
position: relative;
}
.wp-block-callout-image-text .wp-block-callout-image-text__content > *:not(svg) {
position: relative;
z-index: 1;
}
.wp-block-callout-image-text .wp-block-callout-image-text__content h1,
.wp-block-callout-image-text .wp-block-callout-image-text__content h2,
.wp-block-callout-image-text .wp-block-callout-image-text__content h3,
.wp-block-callout-image-text .wp-block-callout-image-text__content h4,
.wp-block-callout-image-text .wp-block-callout-image-text__content h5 {
margin: 0;
}
.wp-block-callout-image-text .wp-block-callout-image-text__content svg {
fill: #FFD100;
height: calc(100% + 4em);
position: absolute;
top: -2em;
right: 0;
width: calc(100% + 12em);
}
.wp-block-callout-image-text .wp-block-callout-image-text__content::after {
background-color: #FFD100;
content: '';
height: calc(100% + 4em);
position: absolute;
top: 50%;
right: 1px;
transform: translate(100%, -50%);
width: 100vw;
}
@media (max-width: 992px) {
.wp-block-callout-image-text .container {
display: block;
}
.wp-block-callout-image-text h2 {
margin-top: 0.25em;
margin-bottom: 0;
}
.wp-block-callout-image-text .wp-block-callout-image-text__content svg,
.wp-block-callout-image-text .wp-block-callout-image-text__content::after {
display: none;
}
} .wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-callout-image-text .wp-block-callout-image-text__image {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-callout-image-text h2,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-callout-image-text .wp-block-callout-image-text__content {
opacity: 0;
}