要素の重なりをスマートに制御するisolation: isolateの使い方

「isolation: isolate;」 は新しいスタッキングコンテキスト（重なり順の文脈）を作成するCSSプロパティで、z-indexの影響範囲を制限することができます。この場合「.parent」内で要素の重なり順を親要素内に封じ込めることができます。