.wrapper{padding:40px;border-radius:10px;overflow:hidden}.container{position:relative}.container img{width:100%;border-radius:15px}.container #main-img{mix-blend-mode:difference}.container .depth-img{position:absolute;top:0;left:0}.container .white{background-color:#f0f0f0;width:100%;height:100%;position:absolute;top:0;left:0}.container .fade-in .depth-map{animation:fadein 5s ease-in forwards}.container .fade-in .white{opacity:0;animation:finalfade 3s ease-out forwards 1.5s}.container .fade-out{mix-blend-mode:multiply}.container .fade-out .depth-map{filter:brightness(5) contrast(5);animation:fadein 3s ease-in reverse forwards 1.5s}.container .fade-out .depth-img{filter:invert(1)}.container .fade-out .white{animation:finalfade 2s ease-out reverse forwards 1.5s}.container p.h2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;opacity:0;text-align:center;animation:titlefadein 2.5s ease-out forwards 3.6s;mix-blend-mode:overlay}@keyframes finalfade{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{filter:brightness(0) contrast(1)}to{filter:brightness(5) contrast(5)}}@keyframes titlefadein{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0px)}}@media only screen and (max-width:1000px){.wrapper{padding:10px;margin-top:20px}.container p.h2{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/depth-banner.css.map */