body{        
    background-image: url(https://el-wii-remote.neocities.org/Photos/G-6u0jzW8AA4TEC.jpeg);
    background-repeat: repeat;
    font-family: "Century Gothic", "Verdana", sans-serif;
    color: #798d8b;
    overflow-x: hidden;
}
            /* Container for the image cards */
.image-container {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to next line */
    justify-content: center; /* Center items horizontally */
    gap: 20px; /* Space between items */
    padding: 20px;
    box-sizing: border-box;
    max-width: 60%;
    margin:auto;
}

/* Each image + caption block */
.image-card {
    flex: 1 1 calc(20% - 20px); /* 4 per row, minus gap */
    max-width: calc(20% - 20px);
    box-sizing: border-box;
    text-align: center;
    background: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background-color: #accbde;
}

            /* Image styling */
.image-card img {
    width: 100%;
    height: auto;
    display: block;
}

            /* Caption styling */
.caption {
    padding: 10px;
    font-size: 14px;
    color: #000000;
}

            /* Responsive: stack on smaller screens */
@media (max-width: 800px) {
.image-card {
    flex: 1 1 calc(50% - 20px); /* 2 per row */
    max-width: calc(50% - 20px);
}
}

@media (max-width: 500px) {
.image-card {
    flex: 1 1 100%; /* 1 per row */
    max-width: 100%;
}
}