.ai-image-notice {
display: block;
position: relative;
margin: 0;
padding: 0; width: 100%;
height: 100%;
} .ai-image-notice > img {
display: block;
margin-inline: auto;
} figure:has(> .ai-image-notice__text) {
position: relative;
} .ai-image-notice__text.ai-image-notice__text {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin: 0; padding: 1.6em 0.9em 0.55em;
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
background: linear-gradient(to top, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
color: #fff;
font-size: 0.75rem;
line-height: 1.3;
text-align: left;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55); pointer-events: none;
}
@media (prefers-contrast: more) {
.ai-image-notice__text.ai-image-notice__text {
background: rgba(0, 0, 0, 0.85);
text-shadow: none;
}
} .crp_related .ai-image-notice__text.ai-image-notice__text {
top: 0;
bottom: auto;
padding: 0.3em 0.9em 0.55em;
border-radius: 0;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
} .ai-image-notice--fill {
position: absolute;
inset: 0;
} .uagb-post__image > a[class*="uagb-image-ratio-"]:not(.uagb-image-ratio-inherit) > .ai-image-notice {
position: absolute;
inset: 0;
}
.uagb-post__image > a[class*="uagb-image-ratio-"]:not(.uagb-image-ratio-inherit) > .ai-image-notice > img {
position: absolute;
height: 100%;
}