/* styles.css */

/* Center the image */
.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; /* Ensure image doesn't exceed its container */
}

/* Make images within the container responsive and centered */
.center-image img {
    display: block; /* Set image to display as a block element */
    max-width: 100%; /* Ensure image doesn't exceed its container */
    height: auto; /* Maintain aspect ratio */
    margin-left: auto;
    margin-right: auto;
}