//image change on hover//
.image-swap {
opacity: 1;
max-width: 400px; /* adjust widths */
height: auto; /* adjust height */
position: relative;
}
.image-swap img {
width: 100%;
transition: all 0.2s ease;
}
.hovered {
opacity: 0;
position: absolute;
left: 0;
}
.image-swap:hover .hovered {
opacity: 1;
}