/* Grid Gallery Styling */
.grid-gallery {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display:grid;
     grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 35px;
  }
  
  /* Image Styling */
  .grid-gallery img {
    aspect-ratio: var(
      --image-aspect-ratio
    ); /* Set aspect ratio using the CSS variable */
    width: 100%; /* Occupy 100% of container width */
    height: 100%; /* Occupy 100% of container height */
    object-fit: cover; /* Cover the entire container while maintaining aspect ratio */
    margin-top: 25px;
  }