.hex-container{position:relative;width:100%;max-width:600px;margin:0 auto 2rem;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}.hex-image{opacity:0;position:absolute;width:20%;transition:transform 2s ease,opacity .75s ease}.hex-image:hover{filter:url(#drop-shadow)brightness(1.1)}@media(min-width:1200px){.hex-container{max-width:450px;margin-right:2.5rem}.hex-image{width:30%}}@media(min-width:1024px){.hex-container{float:left;max-width:400px;margin:0 2rem 1rem 0;clear:left}.hex-image{width:30%}}@media(max-width:1023px){.hex-container{max-width:500px;margin:0 auto 2rem;float:none}.hex-image{width:30%}}@media(max-width:768px){.hex-container{max-width:350px}}@media(max-width:480px){.hex-container{max-width:280px}.hex-image{width:30%}}