.post-image {
    background-color: black;        /* Black background for transparent areas */
    border: 1px solid white;        /* 1px white border */
    border-radius: 12px;            /* Rounded corners */
    width: 100%;                     /* Full width of container */
    max-width: 800px;                /* Desktop maximum width */
    aspect-ratio: 16 / 9;            /* Maintains 16:9 ratio automatically */
    object-fit: cover;              /* Ensures image fills the box without distortion */
    display: block;                 /* Prevents inline spacing issues */
    margin: 0 auto;                 /* Centers the image horizontally */
}

/* Optional: smaller tweaks for very small screens */
@media (max-width: 400px) {
    .post-image {
        border-radius: 8px;          /* Slightly smaller corners on tiny screens */
    }
}