Hover Changes Background Image

As seen on SevenSouth Tailgating.

Make a section and put a name in the CSS class (replace SECTIONCSSNAME in code below).

Add each image and give them their own unique CSS class (replace IMAGECSSNAME in code below). Repeat this section of code as needed.

.SECTIONCSSNAME {
  background-image: url('IMAGE');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

body:has(.IMAGECSSNAME:hover) .SECTIONCSSNAME {
  background-image: url('https://7southytailgating.3.intheworks.link/wp-content/uploads/2024/02/furman.png');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}