.image-on-image{--ioi-bg-max-h: var(--ioi-bg-max-h-mobile, none);--ioi-overlay-h: var(--ioi-overlay-h-mobile, auto);position:relative;overflow:hidden}@media (min-width:768px){.image-on-image{--ioi-bg-max-h: var(--ioi-bg-max-h-tablet, none);--ioi-overlay-h: var(--ioi-overlay-h-tablet, auto)}}@media (min-width:992px){.image-on-image{--ioi-bg-max-h: var(--ioi-bg-max-h-desktop, none);--ioi-overlay-h: var(--ioi-overlay-h-desktop, auto)}}.image-on-image__background{height:var(--ioi-bg-max-h);overflow:hidden}.image-on-image__background picture{display:block;height:100%}.image-on-image__background img,.image-on-image__background video{display:block;width:100%;height:100%;max-height:var(--ioi-bg-max-h);object-fit:cover;object-position:var(--ioi-bg-pos, 50% 50%)}.image-on-image__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.image-on-image__overlay picture{display:contents}.image-on-image__overlay img{width:auto;height:var(--ioi-overlay-h);max-width:100%;max-height:100%;object-fit:contain}.image-on-image__shade{position:absolute;inset:0;pointer-events:none}.image-on-image__overlay img{animation:image-on-image-in 1.2s cubic-bezier(0.2, 0.7, 0.2, 1) 0.2s both}.image-on-image__background,.image-on-image__overlay{will-change:transform}@keyframes image-on-image-in{from{opacity:0;transform:translateY(20px) scale(0.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.image-on-image__overlay img{animation:none}}