section.star-gallery{width:80%;margin:0 auto;max-width:1400px}section.star-gallery h2{font-size:50px}@media only screen and (max-width: 800px){section.star-gallery h2{font-size:36px}}section.star-gallery .container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width:100%}@media only screen and (max-width: 1200px){section.star-gallery{width:90%}section.star-gallery .container{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width: 800px){section.star-gallery .container{grid-template-columns:1fr 1fr}}section.star-gallery .container .star-block{position:relative;width:100%}section.star-gallery .container .star-block img{width:100%;height:auto;object-fit:contain}section.star-gallery .container .star-block .star-features-context{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#8ecdf2;padding:10px;opacity:0;transition:opacity .4s ease-out}section.star-gallery .container .star-block .star-features-context>div{overflow-y:scroll;max-height:130px}section.star-gallery .container .star-block:hover .star-features-context{opacity:1}section.star-gallery .container .star-block .star-features-context h3{color:#fff;text-transform:uppercase;font-size:14px;font-weight:700}section.star-gallery .container .star-block .star-features-context div{color:#fff;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/35/assets/star-gallery.css.map */