*{
    box-sizing: border-box;
    background-color: #000000;
}

img{
    max-width: 100%;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /* Responsive grid */
    grid-auto-rows: 200px;
    /* Set the height of each row */
    gap: 10px;
    padding: 10px;
}

/* Style for each image */
.gallery img {
    width: 100%;
    /* Ensure images fill the grid cell */
    height: 100%;
    /* Ensure images fill the grid cell */
    object-fit: cover;
    /* Maintain aspect ratio */
}