.gallery-container{text-align:center;padding:2%} .swiper-container{width:100%;max-width:1200px;margin:auto;overflow:hidden} .swiper-wrapper{display:flex;align-items:center} .swiper-slide{display:flex;flex-direction:column;justify-content:flex-end;transform:scale(0.6);transition:transform 0.6s ease-out, opacity 0.6s ease-out} .swiper-slide-active{opacity:1;transform:scale(1);align-items:center;justify-content:center;padding-top:20px} .swiper-slide img{display:block;margin:0 auto;height:400px;width:auto} .caption, .description{text-align:center;word-wrap:break-word;max-width:100%;font-family:'Raleway', sans-serif !important} .caption{font-weight:bold;color:#666} .description{font-size:0.9rem;font-weight:lighter;color:#444} figure{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px} figure .caption{order:2} figure p.description{order:3} .swiper-slide-active img{box-shadow:5px 10px 30px rgba(0, 0, 0, 0.5);transition:box-shadow 0.4s ease-in-out, transform 0.3s ease-in-out} .boutique-logo{width:35px !important;height:35px !important} @media (max-width:768px){figure{margin-top:10px} .swiper-container{max-width:100%} .swiper-slide-active{transform:scale(1.5);align-items:center;justify-content:center;padding-top:50px;display:block;max-height:45vh !important} .swiper-slide-active img{transform:scale(3.5);opacity:1 !important;margin-top:50px;margin-bottom:38px;width:80% !important;height:auto !important;max-height:30vh !important;box-shadow:none !important} .boutique-logo{width:10px !important;height:10px !important}} @media (max-width:480px) and (orientation:landscape){.swiper-container{max-width:480px} .swiper-slide img{height:85vh} .boutique-logo{width:10px !important;height:10px !important}} @media (max-width:480px) and (orientation:portrait){.swiper-slide{position:relative;/ nécessaire pour que z-index fonctionne / z-index:1;/ valeur par défaut pour les slides non actives */} .swiper-slide-active{z-index:10} .gallery-container{text-align:center;padding:2%} .swiper-container{height:90vh !important;margin:auto;overflow:hidden} .swiper-wrapper{display:flex;align-items:center} .swiper-slide{display:flex;flex-direction:column;justify-content:flex-end} .swiper-slide-active{transform:scale(1.5);align-items:center;justify-content:center;padding-top:50px;display:block;max-height:30vh !important} .swiper-slide img{display:block;margin:0 auto} .caption, .description{text-align:center;word-wrap:break-word;max-width:100%;font-family:'Raleway', sans-serif !important;font-size:0.5rem} .caption{font-weight:bold;color:#666} .description{font-weight:lighter;color:#444} figure{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px} figure .caption{order:2} figure p.description{order:3} .swiper-slide-active img{transform:scale(3.5);opacity:1 !important;margin-top:50px;margin-bottom:15px;width:70% !important;height:auto !important;max-height:25vh !important;box-shadow:none !important} .boutique-logo{width:10px !important;height:10px !important}}