.cope-image-gallery-wrapper{width:100%;max-width:670px;margin:0 auto;position:relative}
.image-gallery--hero{position:relative;width:100%;max-width:670px;aspect-ratio:670 / 503;background-color:transparent;margin-bottom:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1}
.cope-image-gallery-wrapper .image-gallery--hero{background-color:#d9f0fb}
.image-gallery--hero-image{width:100%;height:100%;object-fit:cover;display:block}
.image-gallery--logo{position:absolute;top:20px;left:20px;max-width:150px;z-index:5}
.image-gallery--thumbnails-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:670px;margin:0 auto;position:relative;z-index:10}
.image-gallery--thumbnail{cursor:pointer !important;background:0;padding:0;margin:0;position:relative;aspect-ratio:1 / 1;overflow:hidden;border:none !important;outline:none !important;pointer-events:auto !important}
.image-gallery--thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:all .3s ease;pointer-events:none}
.image-gallery--thumbnail.is-active img{filter:grayscale(0);opacity:1}
.image-gallery--thumbnail.is-active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#21405c;z-index:2}
.thumb-spacer{aspect-ratio:1 / 1;background-color:transparent}
@media only screen and (max-width:768px){.cope-image-gallery-wrapper .image-gallery--hero img.image-gallery--logo{top:10px;left:10px;max-width:26%}
}
@media only screen and (min-width:768px) and (max-width:1200px){.cope-image-gallery-wrapper .image-gallery--hero img.image-gallery--logo{top:10px;left:10px;max-width:26%}
}