/* styles.css */

/*body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f5f5f5;  /* Light gray background 
}
*/

.image-container {
    border-radius: 10px;  /* Rounded corners */
    overflow: hidden;     /* Prevents overflow of image */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Subtle shadow for depth */
}

.image-container img {
    display: block;       /* Ensures there’s no gap under the image */
    max-width: 100%;     /* Responsive image */
    height: auto;        /* Maintain aspect ratio */
    transition: transform 0.3s ease;  /* Smooth zoom effect */
}

.image-container img:hover {
    transform: scale(1.05);  /* Slightly zoom in on hover */
}