.work_archive1 {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 10px;
    height: 100%; /* Full height of the viewport */
    width: 130vh;
}
.work_archive1 .left image{
    width: 100%;
}
.work_archive1 .right {
    display: grid;
    grid-template-rows: 23% 73%; /* Top 25% and bottom 75% */
    gap: 4%;
}

.right-bottom {
    display: grid;
    grid-template-columns: 38% 58%;
    gap: 4%;
}

.right-bottom-left {
    display: grid;
    grid-template-rows: 48% 48%;
    gap: 4%;
}