.icons-with-hover-content{display:grid;gap:40px;text-align:center}.icons-with-hover-content__item{display:grid;position:relative}.icons-with-hover-content__item img{aspect-ratio:1}.icons-with-hover-content__back,.icons-with-hover-content__front{grid-area:1/1/-1/-1;transition:opacity .5s ease-in-out}.icons-with-hover-content__back{align-self:center;opacity:0}.icons-with-hover-content__item:focus-within .icons-with-hover-content__front,.icons-with-hover-content__item:hover .icons-with-hover-content__front{opacity:0}.icons-with-hover-content__item:focus-within .icons-with-hover-content__back,.icons-with-hover-content__item:hover .icons-with-hover-content__back{opacity:1}@media (min-width:480px){.icons-with-hover-content.icon-four-col,.icons-with-hover-content.icon-two-col .icons-with-hover-content.icon-three-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.icons-with-hover-content.icon-four-col,.icons-with-hover-content.icon-three-col{grid-template-columns:repeat(3,1fr)}.icons-with-hover-content.icon-two-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.icons-with-hover-content.icon-three-col{grid-template-columns:repeat(3,1fr)}.icons-with-hover-content.icon-four-col{grid-template-columns:repeat(4,1fr)}.icons-with-hover-content.icon-two-col{grid-template-columns:repeat(2,1fr)}}