.vision-image {
    display: flex; /* Center the image within the column */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    overflow: hidden; /* Prevent overflow if the image is larger */
}

.styled-vision-image {
    width: 250px; /* Set a fixed width */
    height: 250px; /* Set a fixed height to match width */
    border-radius: 50%; /* Make the image circular */
    object-fit: cover; /* Ensure the image covers the circle without distortion */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Add a subtle shadow effect */
    transition: transform 0.3s ease; /* Transition for smooth scaling */
}

/* Additional non-hover effect */
.styled-vision-image:active {
    transform: scale(1.05); /* Slightly scale the image on click */
}