Конкретно на вопрос как менять:
.works-item:nth-cjild(1){
height: 400px;
}
или добавить элементу свой класс.
По галлереее, если реализовывать на флексах то, что у вас на картинке, то:
<div class="works">
<div class="col-1">
<div class="works__item">
<img class="works__photo" src="img/1.jpg" alt="1">
</div>
<div class="works__item">
<img class="works__photo" src="img/1.jpg" alt="4">
</div>
</div>
</div>
.col-1, .col-2, .col-3 {
display: flex;
flex-direction: column;
}
разбить flex контейнер еще на три контенера, но только c flex-direction: column