.responsive-image-container {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .responsive-image-container a {
            flex: 1; /* This allows each link (and therefore each image) to grow equally */
            max-width: 33%; /* Each link (and image) can take up to one-third of the container width */
            padding: 5px; /* Optional: adds some space between the images */
        }

        .responsive-image-container img {
            width: 100%; /* Make the image take the full width of the link */
            height: auto; /* This keeps the aspect ratio of the images intact */
        }