/* Ensure image container is the positioning context */
.background-image-holder {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

/* Overlay title styling */
.background-image-holder > h6.image-overlay-title {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 900;
  font-size: 14px;

  z-index: 3;
  pointer-events: none;

  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Simple, clean hover effect */
.background-image-holder:hover > h6.image-overlay-title {
  transform: translate(-50%, -50%) scale(1.06) !important;
  opacity: 0.95;
}