疑似要素の高さを確保するためのpadding-top2021/09/25 縦横比(アスペクト比)を維持する「padding-top: 50%」ってなんなんだ - Qiita 縦横の比率維持で迷うのはもうやめよう！ - Qiita