/* Ensure the placeholder icon disappears once the image loads */
.service-image-wrapper {
    position: relative;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    overflow: hidden;
}

/* Hide the icon when the image inside is visible */
.service-image-wrapper img {
    position: relative;
    z-index: 2; /* Sits above the icon */
    background: white; /* Prevents icon bleed-through */
}

.service-image-wrapper::before {
    content: "\f030"; /* Camera icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #dee2e6;
    position: absolute;
    z-index: 1; /* Sits behind the image */
}