#fw-section-custom-html-6804992c-aee6-44f4-9d17-f174e86c31f0 {

.image-grid {
    display: grid;
    /* Adjust the number of columns and min/max width as needed */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 20px; /* Adjust the spacing between images */
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images cover the entire grid cell */
    display: block; /* Removes any extra space below the image */
}

/* Optional: Basic styling for the image containers (borders, shadows, etc.) */
.grid-item {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

/* Optional: Make images larger on hover */
.grid-item img:hover {
    transform: scale(1.05); /* Slightly enlarges the image */
    transition: transform 0.3s ease-in-out; /* Adds a smooth transition */
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .image-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Adjust columns for tablets */
    }
}

@media (max-width: 480px) {
    .image-grid {
        grid-template-columns: 1fr; /* Single column layout for mobile */
    }
}

}

#fw-section-image-7d1de541-6244-4c28-9682-6a9fd89fa191 {

img {
  width: 300px; /* Set desired width in pixels */
  height: 400px; /* Set desired height in pixels */
}

}

#fw-section-custom-html-461e5e6d-1361-4c87-ac1d-4b08d1830273 {

.image-grid {
    display: grid;
    /* Adjust the number of columns and min/max width as needed */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
    gap: 20px; /* Adjust the spacing between images */
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images cover the entire grid cell */
    display: block; /* Removes any extra space below the image */
}

/* Optional: Basic styling for the image containers (borders, shadows, etc.) */
.grid-item {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

/* Optional: Make images larger on hover */
.grid-item img:hover {
    transform: scale(1.05); /* Slightly enlarges the image */
    transition: transform 0.3s ease-in-out; /* Adds a smooth transition */
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .image-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Adjust columns for tablets */
    }
}

@media (max-width: 480px) {
    .image-grid {
        grid-template-columns: 1fr; /* Single column layout for mobile */
    }
}

}