.specialist-loop{display:grid;text-align:center}.specialist-loop img{vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:200px;min-width:200px;object-fit:cover}.specialist-loop span{width:200px;height:200px;border-radius:50%;display:inline-block;overflow:hidden;position:relative}.specialist-loop span:before,.specialist-loop span:after{position:absolute;top:50%;left:50%}.specialist-loop span:before{content:'';width:100%;height:100%;background:var(--purple-5);opacity:.7;z-index:1;transform:translate(-50%,-50%) rotateX(90deg);transition:transform .25s ease-out;will-change:transform}.specialist-loop span:after{content:'Learn more';font-size:16px;font-weight:600;text-transform:uppercase;color:var(--yellow-2);z-index:2;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease-in-out;will-change:opacity}.specialist-loop p{font-size:22px;position:relative;padding:0;font-weight:500}.specialist-loop a{text-decoration:none}.specialist-loop a:hover{text-decoration:underline}.specialist-loop a:hover span:before{transform:translate(-50%,-50%) rotateX(0deg)}.specialist-loop a:hover span:after{opacity:1}@media(max-width:1050px){.specialist-loop{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.specialist-loop{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.specialist-loop{grid-template-columns:repeat(1,1fr)}}