.hoverable-image-field > .hoverable-images {
  position: relative;
  display: inline-block;
}

.hoverable-image-field > .hoverable-images > .primary,
.hoverable-image-field > .hoverable-images > .secondary {
  opacity: 1;
  transition: inherit;
}

.hoverable-image-field > .hoverable-images > .secondary {
  position: absolute;
  pointer-events: none;
}

.hoverable-image-field > .hoverable-images:hover > .primary {
  opacity: 0;
}

.hoverable-image-field > .hoverable-images:not(:hover) > .secondary {
  opacity: 0;
}