.primary-image-link {
  display: block;
  border-radius: inherit;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 260%;
  cursor: zoom-in;
}

.primary-image-link img {
  transition: opacity .12s ease;
}

.primary-image-link.is-zooming img {
  opacity: 0;
}

.primary-image-link:focus-visible {
  outline: 3px solid #f4b23d;
  outline-offset: 4px;
}

@media (hover: none), (pointer: coarse) {
  .primary-image-link {
    background-image: none !important;
    background-size: auto;
    cursor: pointer;
  }

  .primary-image-link.is-zooming img {
    opacity: 1;
  }
}