/* Background overlay for hover images */
#bg-overlay {
  position: fixed;
  inset: 0;
  z-index: -1; /* behind page content */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease;
}

/* Thumbnails for hover */
.bkimg img {
  width: 150px;
  height: 150px;
  cursor: pointer;
  margin: 5px;
  border: 2px solid #ffffff;
  transition: transform 0.2s, border-color 0.2s;
}

.bkimg img:hover {
  transform: scale(1.05);
}