picture {
    width: 100%;
}

#photo-gallery picture img {
    height: 100%;
    width: 100%;
    /* 1. Rounds the corners (8px is subtle, 15px is very round) */
    border-radius: 8px;

    /* 2. Adds a soft shadow behind the image */
    /* format: x-offset y-offset blur-radius color */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    
    /* Optional: Smooth transition for hover effects */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Optional: Make it 'lift' when you mouse over it */
#photo-gallery picture img:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}