.gallery-item {
    text-align: center;
    margin-bottom: 30px; /* Add spacing between items */
  }

  .gallery-image {
    width: 100%;
    max-width: 350px; /* Adjust width as needed */
    height: 250px; /* Increased height for better visibility */
    overflow: hidden;
    margin: 0 auto; /* Center align */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px; /* Optional rounded corners */
    background-color: #f0f0f0; /* Optional: Add background for a clean look */
  }

  .gallery-image img {
    width: 100%; /* Ensures the image takes full width of the container */
    height: auto; /* Maintains aspect ratio for vertically oriented images */
    max-height: 250px; /* Limit height for consistency */
    object-fit: cover; /* Ensures the image fills the container */
    border-radius: 8px; /* Optional rounded corners for a polished look */
    display: block;
  }