.dual-image-hover-wrap {
  display: -ms-grid;
  display: grid;
  position: relative;
  width: 100%;
  height: 100%;
}
.dual-image-hover-wrap .inner {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.dual-image-hover-wrap .inner img {
  border-radius: 20px;
}
.dual-image-hover-wrap .inner:first-child {
  opacity: 1;
}
.dual-image-hover-wrap .inner:hover {
  opacity: 1;
}
.dual-image-hover-wrap:hover .inner:last-child {
  opacity: 1;
}

@media (hover: none) {
  .dual-image-hover-wrap .inner {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
  }
  .dual-image-hover-wrap .inner:first-child {
    opacity: 1;
  }
}