.work_archive2 {
    display: grid;
    grid-template-columns: 47% 18% 35%; /* Define the widths of the three containers */
    height: 100%; /* Full height of the viewport */
    width: 130vh;
    gap: 1%;
}

.work_archive2 .left,
.work_archive2 .middle,
.work_archive2 .right {
    display: grid; /* Use grid for inner containers */
    grid-template-rows: 50% 50%; /* Each container divided into two equal parts */
    gap: 1%;
}