.gheading {
  padding-bottom: 1rem;
  text-align: center;
  text-transform: capitalize;
}

.gallery {
  width: 100%;
  height: fit-content;
  background-color: var(--d);
  display: flex;
  flex-wrap: wrap;

  .card {
    width: 50%;
    
    

    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }

}

@media (min-width: 768px) {
  .gallery {
    .card {
     width: 33.33%;
    }
  }
}