.ucd-image-swap {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.ucd-image-swap img {
    transition: opacity 0.35s ease;
}

.ucd-image-swap .ucd-image-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: inherit;
    opacity: 0;
}

.ucd-image-swap:hover img:first-child,
.ucd-image-swap.ucd-image-triggered img:first-child {
    opacity: 0;
}

.ucd-image-swap:hover .ucd-image-hover,
.ucd-image-swap.ucd-image-triggered .ucd-image-hover {
    opacity: 1;
}