section {
    position: relative;
    float: left;
    margin: 0 0 70px 0;
    width: 100%;
    height: 460px
}
img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%
}
#imgText {
    position: absolute;
    bottom: 0;
    left: 100px;
    width: 450px;
    height: 400px;
    background: rgba(20, 97, 51, 0.8);
    border-radius: 3px
}
.imgTitle {
    position: relative;
    float: right;
    padding: 30px 30px 10px 30px;
    font: 400 38px/1.4 "MonBold";
    color: #fff;
    text-align: left;
    letter-spacing: 0.6px;
    z-index: 2
}
.imgDesc {
    position: absolute;
    bottom: 0;
    padding: 10px 40px 40px 40px;
    width: 100%;
    font: 400 16px/1.5 "Fira Sans";
    color: #fff;
    text-align: left;
    letter-spacing: 0.6px;
    z-index: 2;
    box-sizing: border-box
}

.gBQoNy {
    width: 100% !important;
    margin-bottom: 40px;
}

/* RESPONSIVE ----------------------------- */

@media screen and (max-width: 1050px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: none
    }
}
@media screen and (max-width: 970px) {
    section {
        border-top: 10px solid #f9b233
    }
}
@media screen and (max-width: 680px) {
    #imgText {
        left: 0;
        padding: 0 20px;
        margin: 0;
        width: 100%;
        box-sizing: border-box
    }
}
@media screen and (max-width: 500px) {
    .imgTitle {
        padding: 40px 20px 10px 20px;
        font: 400 28px/1.5 "MonBold"
    }
    .imgDesc {
        padding: 10px 20px 40px 20px;
        width: calc(100% - 20px);
        font: 400 14px/1.5 "Fira Sans"
    }
}
@media screen and (max-width: 370px) {
    .imgTitle {
        padding: 50px 20px 10px 20px;
        font: 400 18px/1.5 "MonBold"
    }
    .imgDesc {
        padding: 10px 20px 50px 20px;
        width: calc(100% - 20px);
        font: 400 12px/1.5 "Fira Sans"
    }
}