画像と文字をずらしたレイアウト

 
最近よく見る写真と文字をずらして重ねるレイアウト。
写真のブロックは左余白で画像を横にちょっとずらして、下に別ブロックで文字を重ねています。この時ずらして背景色と画像に重なるため文字が読み難くならないように、濃淡などに工夫をして画像を選ぶか、影響をうけないように文字のブロックで背景色を設定するという方法を考えましょう。
 
スマホでは重ねないで普通に上下に並べることもできますが、ここでは画像に若干重ねるように文字のブロックを上にずらしています。