.service-work-empty-state {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.service-work-empty-state > img {
    width: auto;
    height: 300px;
}


@media screen and (min-width: 360px) and (min-height: 627px) {
    .service-work-empty-state > img {
        height: 350px;
    }
}

@media screen and (min-width: 420px) {
    .service-work-empty-state > img {
        height: 370px;
    }
}

@media screen and (min-width: 768px) {
    .service-work-empty-state > img {
        height: 420px;
    }
}

@media screen and (min-width: 1366px) {
    .service-work-empty-state > img {
        height: 480px;
    }
}