.first_screen_nw {
    width: 100vw;
    height: 102vw;
    overflow-y: hidden;
}

.ryadi {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4vw;
    width: 100%;
    height: 46vw;
    background-color: black;
    gap: 2vw;
}

.r1 {
    margin-top: 2vw;
    margin-left: 2vw;
    width: 51vw;
    height: 36vw;
    background-image: url(../img/stolb.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: filter 0.3s ease;
}

.orange-overlay {
    width: 51vw;
    height: 36vw;
    background-image: url(../img/work-excursion.svg);
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Эффекты при наведении */
.r1:hover .orange-overlay {
    opacity: 1;
}


.r2 {
    width: 42vw;
    height: 36vw;
    margin-top: 2vw;
    background-image: url(../img/dinozavr\ \(1\).svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.pink-overlay {
    width: 42vw;
    height: 36vw;
    background-image: url(../img/pinkdino.svg);
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.r2:hover .pink-overlay {
    opacity: 1;
}



.events {
    font-family: 'FormaDJRCyrillicDisplay-Regular-Testing';
    font-size: 2.6vw;
    color: #FCFF39;
    text-align: center;
    margin: -3vw 27vw;
}

.stroitel {
    position: relative;
    width: 100%;
    height: 50vw;
    display: flex;
    gap: 40vw;
    background-color: #198FFC;
    overflow: hidden;
}

.kamni {
    width: 30vw;
    height: 50vw;
    background-image: url(../img/kamni.svg);
    background-repeat: no-repeat;
    background-size: cover;
}



.chel {
    position: absolute;
    width: 74vw;
    height: 53vw;
    top: -2vw;
    left: 8vw;
    background-image: url(../img/muzhik.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.1s ease-out;
    transform-origin: bottom;
    z-index: 0;
    object-fit: contain;
}


.hrulkovo {
    width: 30vw;
    height: 50vw;
    background-image: url(../img/hrulkovo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}