.contact-image-grid {
  display: grid; 
  grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
  grid-gap: 3rem;
  width: 100%;
}

.contact-card-wrapper {
  display: flex; 
  flex-direction: column;
  align-items: stretch; /* Ensures even stretching */
  gap: 1rem;
}

.contact-card-image-wrapper {
    position: relative;
    padding-top: 125%; /* This creates a 4:5 aspect ratio */
    width: 100%;
    border-radius: .15rem;
    overflow: hidden;
}

.contact-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .15rem .15rem 0 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.contact-info a[href^="mailto:"] {
  color: var(--nmic);
}

@media (max-width: 991px) {
.contact-image-grid {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 580px) {
  .contact-image-grid {
  grid-template-columns: 1fr;
}
  
  
  
}