.signups-image-container {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping for mobile */
    justify-content: center; /* Center images */
  }
  
  .signups-image-item {
    position: relative; /* Position relative for the overlay */
    flex: 0 1 45%; /* 2 images per row on larger screens */
    margin: 1%; /* Space between images */
  }
  
  .signups-image-item img {
    width: 100%; /* Make images responsive */
    height: auto; /* Maintain aspect ratio */
    border-radius: 0.3rem; /* Optional: rounded corners */
  }
  
  .signups-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* Start hidden */
    transition: opacity 0.3s; /* Smooth transition */
  }
  
  .signups-image-item:hover .overlay {
    opacity: 1; /* Show overlay on hover */
  }
  
  .signups-text {
    color: white; /* Text color */
    font-size: 1.2rem; /* Text size */
    text-align: center;
  }
  
  @media screen and (max-width: 680px) {
    .signups-image-item {
      flex: 0 1 100%; /* 1 image per row on mobile */
    }
  }