右から左にフェードイン、はみ出る

Question

お世話になっております。

右端にある要素を右からフェードインさせる際に、右の余白ができてしまいます。
現状、下記コードを右端にある要素に付与すると、はみ出ます。

.slide-right {
opacity: 0;
transform: translate(20px, 0);
transition: all 1s ease-out;
}

簡単なことで構いませんので、お力添えください。

Answer 1

クラスを付与するのを、親要素ではなく、子要素にしたら解決しました。