/* Container for centering images */
.image-container {
    display: flex;
    justify-content: center;
}

/* Images within container - fixed width with responsive behavior */
.image-container img {
    max-width: 500px;
    width: 100%;
    border: none;
}

/* Global image styling - centered with max height */
img {
    display: block;
    margin: 0 auto;
    max-height: 400px;
    width: auto; /* Maintains aspect ratio */
}

/* Caption styling for images */
.image-caption {
    text-align: center;
    font-style: italic; /* Ensures the text is italicized */
    /* margin-top: -10px; Adjust this value as needed */
}

/* Row container for multiple images */
.image-row {
    display: flex;
    justify-content: center; /* Centers the images within the row */
    gap: 20px; /* Adds space between the images */
}

/* Images within row container */
.image-row img {
    max-width: 45%; /* Ensures the images are responsive */
    height: auto; /* Maintains the aspect ratio */
}

.md-post--excerpt {
    border-radius: 0.5rem;
}