.flip-card{position:relative;display:inline-block;perspective:1000px;outline:none}.flip-card img{display:block;width:100%;height:auto}.flip-card__overlay{position:absolute;top:50%;left:50%;width:85%;height:85%;transform-origin:center;transform:translate(-50%,-50%) rotateY(-90deg);transition:transform 0.4s ease;background:rgb(255 255 255 / .7);color:#000;padding:1em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;& a{color:#000;text-decoration:underline}}.flip-card:hover .flip-card__overlay,.flip-card:focus .flip-card__overlay{transform:translate(-50%,-50%) rotateY(0deg)}.flip-card:focus{box-shadow:0 0 0 3px #4285f4}