.section-photo {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
    /* Subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* Smooth hover effect */
}

.section-photo:hover {
    transform: scale(1.05);
    /* Slight zoom on hover */
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2), 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Enhanced shadow on hover */
}