.card-media{position:relative;overflow:hidden}.card-media>img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#eee}.photo-arrow{position:absolute;top:50%;z-index:3;width:34px;height:34px;margin-top:-17px;border:0;border-radius:50%;background:#fffffff0;color:#111;font-size:27px;line-height:30px;box-shadow:0 3px 12px #0005;opacity:.92}.photo-arrow.prev{left:7px}.photo-arrow.next{right:7px}.photo-count{position:absolute;right:9px;bottom:9px;padding:4px 7px;border-radius:99px;background:#000b;color:#fff;font-size:8px;font-weight:800}@media(hover:hover){.photo-arrow{opacity:0;transition:.2s}.card-media:hover .photo-arrow{opacity:.95}}