С помощью чего можно сделать эффект как на фото?
Просто padding добавляются вверх вниз, а у контейнера, который содержит все три карточки display: flex; align-items: center; 
Для карточки прописываешь при наведении добавление padding-top padding-bottom и цвета другие и все
Если вы про явное увеличение центрального блока(например при наведении), то:
в этом случае поможет transform: scale + z-index.

transform будет  увеличивать размер активного блока(например при наведении), а z-index позволит имитировать эффект наложения блока на соседний ради красоты.