/*# sourceMappingURL=custom.min.css.map */
.hover-effect {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  }
  
  .hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1);
  }

  #imageGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  #imageGrid .col-12 {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
    box-sizing: border-box;
  }
  
  #imageGrid img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
  }