.image-container-slideshow{position:relative;width:100%;overflow:hidden;border-radius:10px}.image-container-slideshow.first-image{grid-column:span 2}.image-container-slideshow img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.text-overlay-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease}.text-background-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 15px;border-radius:5px;gap:10px}.text-background-wrapper span{color:rgb(var(--color-foreground));transition:transform .3s ease,opacity .3s ease;opacity:0}.text-overlay-wrapper.position-top{justify-content:flex-start;padding-top:0}.text-overlay-wrapper.position-bottom{justify-content:flex-end;padding-bottom:0}.text-overlay-wrapper.position-left{align-items:flex-start;padding-left:0}.text-overlay-wrapper.position-right{align-items:flex-end;padding-right:0}.image-container-slideshow.show-permanent .text-overlay-wrapper{opacity:1}.image-container-slideshow.show-permanent .text-background-wrapper span{transform:translateY(0);opacity:1;transition:none}.image-container-slideshow:not(.show-permanent) .text-overlay-wrapper{opacity:0}.image-container-slideshow:not(.show-permanent):hover .text-overlay-wrapper{opacity:1}.image-container-slideshow:not(.show-permanent):hover .text-background-wrapper span{transform:translateY(0);opacity:1}.image-container-slideshow:not(.show-permanent):hover .text-background-wrapper span:nth-child(1){transition-delay:.1s}.image-container-slideshow:not(.show-permanent):hover .text-background-wrapper span:nth-child(2){transition-delay:.2s}.image-container-slideshow:hover img{transform:scale(1.1)}@media (max-width: 768px){.image-container-slideshow.first-image{grid-column:span 1;grid-row:span 1}.text-overlay-wrapper.position-top,.text-overlay-wrapper.position-bottom,.text-overlay-wrapper.position-left,.text-overlay-wrapper.position-right{padding:10px}.text-background-wrapper{padding:8px 12px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-image-collage.css.map */