.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.gallery-item {
    text-align: center;
    width: calc(33.33% - 20px); /* Fixed width to create 3 columns, accounting for gap */
    box-sizing: border-box; /* Ensures padding is included in the width */
}

.gallery-item img {
    width: 100%;
    height: auto; /* Keeps the aspect ratio */
    border-radius: 8px;
}

.gallery-item p {
  font-size: 14px;
  margin-top: 8px;
  color: white; /* Keep text color as white */
  font-family: 'Roboto', sans-serif; /* Change to a sleek font like Roboto */
  font-weight: 300; /* Set font weight to light */
  letter-spacing: 0.5px; /* Slight letter spacing for elegance */
  line-height: 1.4; /* Adjust line height for readability */
  text-align: center; /* Center align the text for symmetry */
}


/* Responsive adjustments for smaller devices */
@media (max-width: 768px) {
    .gallery-item {
        width: calc(50% - 20px); /* 2 columns for smaller screens */
    }
}

@media (max-width: 480px) {
    .gallery-item {
        width: calc(100% - 20px); /* 1 column for very small screens */
    }
}