#compare .compare-art {
  position: relative;
  overflow: hidden;
  margin: 0 0 22px;
  border: 1px solid rgba(103, 200, 255, .27);
  border-radius: clamp(20px, 3vw, 32px);
  background: #081626;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
}
#compare .compare-art img {
  display: block;
  width: 100%;
  height: clamp(300px, 36vw, 455px);
  object-fit: cover;
  object-position: center 48%;
}
#compare .compare-art figcaption {
  position: absolute;
  right: 15px;
  bottom: 15px;
  left: 15px;
  width: fit-content;
  max-width: calc(100% - 30px);
  padding: 9px 13px;
  border: 1px solid rgba(183, 227, 249, .25);
  border-radius: 12px;
  background: rgba(4, 18, 34, .82);
  color: #e1f1fc;
  font-size: 12px;
  line-height: 1.45;
  backdrop-filter: blur(8px);
}
@media (max-width: 760px) {
  #compare .compare-art img { height: clamp(260px, 73vw, 360px); object-position: 57% center; }
  #compare .compare-art figcaption { font-size: 11px; }
}