.life-at-our-firm {
    margin-block: 100px;
    width: 100%;
}

.life-at-our-firm .text-container {
    text-align: center;
    padding-top: 33px;
    margin-bottom: 65px;
}

.life-at-our-firm .section-title {
    font-family: Obviously Wide Medium;
    font-size: 20px;
    line-height: 24.2px;
    margin-bottom: 9px;
}

.life-at-our-firm .social-link {
    font-family: Obviously Light;
    font-size: 12px;
    line-height: 21.6px;
}

.life-at-our-firm .social-link a {
    color: var(--color-red);
}

.life-at-our-firm .images-container {
    max-width: 90.88541vw;
    height: 270vw;
    margin-inline: auto;
    position: relative;
}

.life-at-our-firm .images-container img {
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.life-at-our-firm .images-container img:nth-of-type(1) {
    width: 64.453125vw;
    height: 50vw;
    left: 0;
}

.life-at-our-firm .images-container img:nth-of-type(2) {
    width: 61.51vw;
    height: 52.99vw;
    top: 47.92vw;
    right: 0;
}

.life-at-our-firm .images-container img:nth-of-type(3) {
    width: 54.15vw;
    height: 40.63vw;
    top: 114.58vw;
    left: 1.95vw;
}

.life-at-our-firm .images-container img:nth-of-type(4) {
    width: 40.26vw;
    height: 53.36vw;
    top: 167.32vw;
    left: 39.84vw;
}

.life-at-our-firm .images-container img:nth-of-type(5) {
    width: 70.59vw;
    height: 56.47vw;
    top: 207.03vw;
    right: 6.64vw;
}

.life-at-our-firm .images-container img:nth-of-type(6) {
    width: 60.94vw;
    height: 47.74vw;
    top: 260.42vw;
    left: 0;
}

@media (min-width: 768px) {
    .life-at-our-firm .text-container {
        padding-top: 45px;
        margin-bottom: 95px;
    }

    .life-at-our-firm .section-title {
        font-size: 28px;
        line-height: 33.88px;

        margin-bottom: 11px;
    }

    .life-at-our-firm .social-link {
        font-size: 16px;
        line-height: 28.8px;
    }

    .life-at-our-firm .images-container {
        max-width: 697.88px;
        height: 2422px;
    }

    .life-at-our-firm .images-container img:nth-of-type(1) {
        width: 495.6px;
        height: 384.09px;
        left: 0;
    }

    .life-at-our-firm .images-container img:nth-of-type(2) {
        width: 472.88px;
        height: 406.8px;
        top: 369px;
    }

    .life-at-our-firm .images-container img:nth-of-type(3) {
        width: 417px;
        height: 294px;
        top: 884px;
        left: 15px;
    }

    .life-at-our-firm .images-container img:nth-of-type(4) {
        width: 309.31px;
        height: 409.87px;
        top: 1285px;
        left: 306px;
    }

    .life-at-our-firm .images-container img:nth-of-type(5) {
        width: 542.25px;
        height: 434.05px;
        top: 1593px;
        right: 51px;
    }

    .life-at-our-firm .images-container img:nth-of-type(6) {
        width: 469.06px;
        height: 366.59px;
        top: 2000px;
    }
}

@media (min-width: 1194px) {
    .life-at-our-firm {
        display: flex;
        width: max-content;
        height: 100vh;
        gap: 164px;
    }

    .life-at-our-firm .text-container {
        padding-top: 307px;
        text-align: start;
        margin-bottom: unset;
        margin-inline-start: 60px;
        white-space: nowrap;
    }

    .life-at-our-firm .section-title {
        position: relative;
        left: -7px;
        font-size: 80px;
        line-height: 96.8px;
        margin-bottom: 33px;
    }

    .life-at-our-firm .social-link {
        line-height: 25.52px;
    }

    .life-at-our-firm .images-container {
        max-width: unset;
        margin-top: 50px;
        margin-inline-end: 60px;
    }

    .life-at-our-firm .images-container img:nth-of-type(1) {
        width: 524.74px;
        height: 407.73px;
        top: 0;
        left: 0;
    }

    .life-at-our-firm .images-container img:nth-of-type(2) {
        width: 525.93px;
        height: 414.3px;
        top: 204px;
        left: 470px;
    }

    .life-at-our-firm .images-container img:nth-of-type(3) {
        width: 516.38px;
        height: 364.15px;
        top: 136px;
        left: 940px;
    }

    .life-at-our-firm .images-container img:nth-of-type(4) {
        width: 290.13px;
        height: 384.45px;
        top: 11px;
        left: 1420px;
    }

    .life-at-our-firm .images-container img:nth-of-type(5) {
        width: 439.97px;
        height: 343.85px;
        top: 275px;
        left: 1660px;
    }

    .life-at-our-firm .images-container img:nth-of-type(6) {
        width: 508.62px;
        height: 407.13px;
        top: 125px;
        left: 2050px;
    }
}

@media (min-width: 1500px) {
    .life-at-our-firm {
        gap: 154px;
    }

    .life-at-our-firm .text-container {
        padding-top: 374px;
        margin-inline-start: 121px;
    }

    .life-at-our-firm .section-title {
        font-size: 100px;
        line-height: 121px;
        margin-bottom: 43px;
    }

    .life-at-our-firm .social-link {
        font-size: 20px;
        line-height: 31.9px;
    }

    .life-at-our-firm .images-container {
        gap: 150px;
        margin-top: 64px;
        margin-inline-end: 121px;
    }

    .life-at-our-firm .images-container img:nth-of-type(1) {
        width: 673.22px;
        height: 523.1px;
    }

    .life-at-our-firm .images-container img:nth-of-type(2) {
        width: 674.75px;
        height: 531.53px;
        top: 262px;
        left: 770px;
    }

    .life-at-our-firm .images-container img:nth-of-type(3) {
        width: 662.49px;
        height: 467.19px;
        top: 175px;
        left: 1660px;
    }

    .life-at-our-firm .images-container img:nth-of-type(4) {
        width: 372.22px;
        height: 493.23px;
        top: 15px;
        left: 2540px;
    }

    .life-at-our-firm .images-container img:nth-of-type(5) {
        width: 564.46px;
        height: 441.15px;
        top: 353px;
        left: 2780px;
    }

    .life-at-our-firm .images-container img:nth-of-type(6) {
        width: 652.54px;
        height: 522.34px;
        top: 147px;
        left: 3130px;
        z-index: -1;
    }
}