.before, .after, .mangrove, .upland, .bamboo2, .bamboo3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Adjusted for 5 images per row */
    gap: 30px 20px;
}

.before, .after{
    display: none;
    flex-wrap: nowrap;
}