/**
 * Homepage info box (.infobox-home-1)
 * Swap the main image to repair-after.png on box hover.
 */
.infobox-home-1 .main-img {
	position: relative;
}

.infobox-home-1 .main-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	transition: opacity 500ms var(--cube-2, ease);
}

.infobox-home-1:hover .main-img::after,
.infobox-home-1:focus-within .main-img::after {
	opacity: 1;
}