.grid-container {
    display: grid;
    grid-template-columns: 50% 50%; /* Two columns, each 50% */
    grid-template-rows: auto auto; /* Two rows */
    gap: 10px; /* Adjust the gap between grid items if needed */
    width: 100%; /* Full width of the page */
}
figure {
    margin: 0; /* Remove default margin */
}
.img {
    width: 100%; /* Full width of the column */
    height: auto; /* Maintain aspect ratio */
}
figcaption {
    text-align: center; /* Center the caption */
    padding-top: 5px; /* Space between image and caption */
}