.img-swap {
	position: relative;
	display: inline-block;
}

.img-swap img {
	display: block;
	height: auto;
}

.img-swap .hover-img {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.img-swap:hover .hover-img {
	opacity: 1;
}

.div-swap div {
	display: block;
	width: 1600px; /* set as needed */
	height: auto;
}

.div-swap .hover-div {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.div-swap:hover .hover-div {
	opacity: 1;
}