.gallery-img-static {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
  }
  .gallery-item-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .gallery-caption {
    text-align: center;
    font-weight: 600;
    color: var(--text-dark);
    font-size: 15px;
    padding-bottom: 10px;
  }
  /* Ensure the hover overlay still works on the static image */
  .gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 4/3; /* Adjust as needed */
  }