.top-img {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .top-img {
        height: 250px;
    }
}

@media screen and (max-width: 575px) {
    .top-img {
        height: 200px;
    }
}

    .top-img img {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
    }

.block-project-info,
.block-other-works {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .block-project-info h1 {
        margin: 0 0 40px 0;
        text-align: center;
    }

    .block-project-info p {
        font-size: 18px;
    }
    
    .block-other-works h2 {
        margin: 0 0 20px 0;
        text-align: center;
    }
    
    .block-other-works .item-title {
        text-align: center;
    }