/* Custom styles for wildflowers page - make images full width */

/* Target images specifically on wildflowers page */
.wildflowers-page img,
.wildflowers img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 1rem 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Alternative: Target all images in main content area */
.post-container img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 1rem 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Make sure the image captions are properly styled */
.post-container p em {
    font-style: italic;
    color: #666;
    margin-bottom: 1rem;
    display: block;
}

/* Add some responsive behavior for mobile */
@media (max-width: 768px) {
    .post-container img {
        margin: 0.5rem 0;
        border-radius: 4px;
    }
}