/* Service Images - Circular with Drop Shadow */
.service-images {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-images .sow-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-images .so-widget-image {
    width: 375px !important;
    height: 375px !important;
    border-radius: 50% !important;
    object-fit: cover;
    box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.3) !important;
    display: inline-block;
    margin: 0 auto;
}

/* Parallax effect - start as grayscale */
.service-images .so-widget-image {
    filter: grayscale(100%);
    transition: filter 0.6s ease-out;
}