.works__container {
    margin: 20px 0 80px 0;
}

.works__item {
    background: #fff;
    border-radius: 8px 8px 20px 20px;
    height: 100%;
}

.works__image {
    height: 170px;
}

.works__img {
    border-radius: 24px 8px 24px 24px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.works__text {
    padding: 10px 0 25px 0;
}

.works__button {
    margin: 30px 0 0 0;
}

@media (min-width: 576px){
    .works__container:before {
        left: 0;
        width: 100%;
        left: -100%;
        width: 200vw;
    }
}

@media (min-width: 768px){

    .works__text {
        padding: 0 25px 25px 25px;
    }

   .works__image {
        height: 70%;
    }

}

@media (min-width: 992px){

    .works__container {
        margin: 50px 0 80px 0;
    }

    .works__image {
        height: auto;
    }

    .works__intro {
        margin: 190px 0 0 0;
    }
}