imko

subgrid или обычный грид но для дивов display: contents

Ну так в левую колонку кинь просто флекс с растущим элементом с точками
https://codepen.io/herr-imko/pen/bGPVLKV

tagName свойство

const theImage = document.querySelector('.image')
    new ImageHover(theImage);

querySelector возвращает первый попавшийся подходящий элемент, тебе надо использовать querySelectorAll чтобы получить все три картинки, перебрать полученный список и для каждой создать ImageHover

Ну например сеткой https://codepen.io/herr-imko/pen/NWmQGqy

Ребята зачем nth-childы
https://codepen.io/herr-imko/pen/vYMwaqz

не нужен тут animation, просто транзишон укажи и трансформ на ховер сделай

.chatBg {
    pointer-events: none;
}

А может просто

:last-child {
    margin-bottom: 0;
}

?

Нету

А че там делать то
https://codepen.io/herr-imko/pen/mdgKwpK
размеры столбцов и рядов подкорректируй как надо

https://developer.mozilla.org/en-US/docs/Web/CSS/s...

Правильно добавлять
Правильно извлекать