помогите сверстать

Помогите сверстать такое: loading circle - ссылка на изображение

Я только начинаю, помогите сверстать элемент, мне нужно, чтобы при наведении на один из этих блоков, появлялся прямоугольник, как на картинкеЯ так полагаю, можно сделать div, а потом ещё и hover, но может кто поможет легче сделать или же кто на Codepen видел такое исполнение

Нужно расположить блоки в виде чата, как на картинкеПомогите, пожалуйста, что я делаю не так и как это сделать правильнее, чище? Спасибо!