.outside-the-office {
    width: 100%;
}

.outside-the-office .title {
    padding: 25px 44px 35px;
    text-align: center;
    font-family: Obviously Wide Medium;
    font-size: 24px;
    line-height: 24.2px;
    margin-bottom: 5px;
}

.outside-the-office .text {
    font-family: Obviously Light;
    font-size: 12px;
    line-height: 18.78px;
    padding-inline: 21px;
    margin-bottom: 29px;
}

.outside-the-office .images-container {
    position: relative;
    margin-inline: auto;
    max-width: 93.75vw;
    height: 124.48vw;
}

.outside-the-office .images-container .image {
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.outside-the-office .images-container .image:nth-of-type(1) {
    width: 46.09vw;
    height: 30.68vw;
    left: 0.91vw;
    top: 0;
}

.outside-the-office .images-container .image:nth-of-type(2) {
    width: 40.36vw;
    height: 26.95vw;
    top: 18.49vw;
    right: 0;
}

.outside-the-office .images-container .image:nth-of-type(3) {
    width: 68.36vw;
    height: 28.57vw;
    left: 13.54vw;
    top: 38.8vw;
}

.outside-the-office .images-container .image:nth-of-type(4) {
    width: 28.08vw;
    height: 18.92vw;
    top: 78.65vw;
    left: 0;
}

.outside-the-office .images-container .image:nth-of-type(5) {
    width: 72.01vw;
    height: 51.26vw;
    top: 88.02vw;
    right: 0;
}

.outside-the-office .images-container .image:nth-of-type(6) {
    width: 80.73vw;
    height: 31.77vw;
    left: 0.39vw;
    top: 128.65vw;
    z-index: 3;
}

.outside-the-office .images-container .image:nth-of-type(odd) {
    z-index: 1;
}

.outside-the-office .images-container .image:nth-of-type(even) {
    z-index: 2;
}

@media (min-width: 768px) {
    .outside-the-office .title {
        padding: 60px 148px;
        font-size: 28px;
        line-height: 33.88px;
        margin-bottom: 33px;
    }

    .outside-the-office .text {
        max-width: 720px;
        font-size: 16px;
        line-height: 25.04px;
        text-align: center;
        padding-inline: unset;
        margin-inline: auto;
        margin-bottom: 70px;
    }

    .outside-the-office .images-container {
        max-width: 720px;
        height: 956px;
    }

    .outside-the-office .images-container .image:nth-of-type(1) {
        width: 354px;
        height: 236px;
        left: 7px;
    }

    .outside-the-office .images-container .image:nth-of-type(2) {
        width: 310px;
        height: 207px;
        top: 142px;
    }

    .outside-the-office .images-container .image:nth-of-type(3) {
        width: 526.78px;
        height: 219.53px;
        left: 104px;
        top: 299px;
    }

    .outside-the-office .images-container .image:nth-of-type(4) {
        width: 215.86px;
        height: 143.63px;
        top: 602px;
    }

    .outside-the-office .images-container .image:nth-of-type(5) {
        width: 550.72px;
        height: 394.44px;
        top: 677px;
    }

    .outside-the-office .images-container .image:nth-of-type(6) {
        width: 620px;
        height: 244px;
        left: 3px;
        top: 992px;
        z-index: 3;
    }
}

@media (min-width: 1194px) {
    .outside-the-office .title {
        padding: unset;
        padding-top: 73px;
        margin-bottom: 19px;
    }

    .outside-the-office .text {
        max-width: 703px;
        text-align: center;
        padding-inline: unset;
        margin-inline: auto;
        margin-bottom: 73px;
    }

    .outside-the-office .images-container {
        max-width: 1074.67px;
        height: 1070px;
    }

    .outside-the-office .images-container .image:nth-of-type(1) {
        width: 496.46px;
        height: 331.17px;
        left: 31px;
    }

    .outside-the-office .images-container .image:nth-of-type(2) {
        width: 380.1px;
        height: 254.2px;
        top: 212px;
        right: 72px;
    }

    .outside-the-office .images-container .image:nth-of-type(3) {
        width: 770.35px;
        height: 321.03px;
        left: 174px;
        top: 393px;
    }

    .outside-the-office .images-container .image:nth-of-type(4) {
        width: 315.66px;
        height: 210.04px;
        top: 769px;
    }

    .outside-the-office .images-container .image:nth-of-type(5) {
        width: 574.03px;
        height: 411.13px;
        top: 861px;
    }

    .outside-the-office .images-container .image:nth-of-type(6) {
        width: 821.07px;
        height: 323.42px;
        left: 78px;
        top: 1126px;
    }
}

@media (min-width: 1801px) {
    .outside-the-office .title {
        padding: unset;
        padding-top: 93px;
        font-size: 38px;
        line-height: 45.98px;
        margin-bottom: 25px;
    }

    .outside-the-office .text {
        max-width: 797px;
        text-align: center;
        margin-bottom: 148px;
    }

    .outside-the-office .images-container {
        max-width: 1801px;
        height: 2135px;
    }

    .outside-the-office .images-container .image:nth-of-type(1) {
        width: 832px;
        height: 555px;
        left: 54px;
    }

    .outside-the-office .images-container .image:nth-of-type(2) {
        width: 637px;
        height: 426px;
        top: 356px;
        right: 123px;
    }

    .outside-the-office .images-container .image:nth-of-type(3) {
        width: 1291px;
        height: 538px;
        left: 294px;
        top: 660px;
    }

    .outside-the-office .images-container .image:nth-of-type(4) {
        width: 529px;
        height: 352px;
        top: 1292px;
    }

    .outside-the-office .images-container .image:nth-of-type(5) {
        width: 962px;
        height: 689px;
        top: 1447px;
    }

    .outside-the-office .images-container .image:nth-of-type(6) {
        width: 1376px;
        height: 542px;
        left: 133px;
        top: 1793px;
    }
}