/* styling for the blogs header  */
#blog-container {
    background-color: transparent;
    box-shadow: none;
}
#blog-container header {
    position: static;
    background-color: transparent;
}
#blog-container header div {
    margin: var(--pico-spacing) 0;
}
#blog-container header #blog-date {
    color: var(--pico-h5-color);
}
#blog-container header #author {
    color: var(--pico-h5-color);
}
#blog-container header img {
    width: 100%;
    border-radius: var(--pico-spacing);
}

/* Image styling for blog content */
#blog-content img {
    margin: var(--pico-spacing);
    margin-left: 0;
    float: left;
    width: auto;
    max-width: 65%;
    height: auto; /* Maintain aspect ratio */
    border-radius: var(--pico-border-radius);
    /* margin: 15px 0; Space above and below images */
}

#blog-content img.full-width {
    float: none;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: var(--pico-spacing);
}