Теперь давайте реализуем плавное появление и сокрытие блока с текстовой информацией.

Для этого:

1. Спрячем псевдоэлементы ::before и ::after под картинку в блоке .caption-link отрицательным значением свойства z-index.
2. По наведению на .caption-link будем сдвигать картинку на расстояние, равное ширине картинки, вправо, так чтобы блок с описанием становился видимым, оставаясь на прежнем месте.
3. Ограничим область видимости за границей блока .caption-link с помощью overflow: hidden, чтобы визуально казалось, что картинка плавно уезжает и скрывается.