.work_archive3 {
    display: grid;
    grid-template-columns: 26% 74%;
    gap: 10px;
    height: 100%; /* Full height of the viewport */
    width: 130vh;
}
.work_archive3 .left image{
    width: 100%;
}
.work_archive3 .right {
    display: grid;
    grid-template-rows: 24% 74%; /* Top 25% and bottom 75% */
    gap: 1%;
}

.work_archive3 .bottom {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 1%;
}