代表メッセージレイアウトパターンを2パターン追加ご用意しました。
まず、こちら▼の#06は、
写真の一辺にグラデーションをかけています。画像に文字は被せていませんが、画像ギリギリまで文字を配置しています。見る人のブラウザやディスプレイのサイズがどのようなサイズでも文字は文字として綺麗に表示されます。
こちらはスマートフォンで閲覧した際もPCで閲覧した時と同じレイアウトを保つ仕組みになっています。
どのような印象を得るかご確認ください。
次に、こちら▼の#07は、
写真の一辺にグラデーションをかけています。文字を画像に少し被せてあります。なお、“被せた文字を白抜きで”ということですが、見る人のブラウザやディスプレイのサイズによりどの文字が画像に被るかは常に変化するため、文字色の変更はしておりません。なお、文字は文字として画像は画像として綺麗に表示されます。
なお、こちらはスマートフォンで閲覧した際に画像と文字のブロックが分割される仕組みになっています。