Ob ein Beispiel da was bringt? Immerhin weiß ich ja schon, was da „schuld“ ist. Denke nur, daß es auch andere überraschen könnte. Aber bitte:
figure {
z-index= 0;
inline-size: 400px;
block-size: 300px;
padding: 0;
margin: 0;
z-index: 0;
&:has(img:hover) {
z-index: 1;
}
& > img {
z-index: 0;
object-fit: contain;
aspect-ratio: 1;
transform-origin: center;
scale: 1;
opacity: 1;
&:hover {
z-index: 1;
scale: 3
}
transition: all 2s ease-in-out;
}
}