画像に付随するキャプションをPタグで付加してdivで括っていたのですが、よりセマンティックにマークアップできないものかと思っていたら同じようなことはみんな考えているようで、キャプションを使えということに。

まだ実装していないのですが、やりたいことのイメージに近い実装方法を発見したので備忘録としてここに記録しておきます。
https://www.nxworld.net/tips/css-only-caption-effect.html

実装したら記事を更新してお知らせします。お楽しみに！