<!DOCTYPE html> <html> <head> <title>画像表示アプリ</title> </head> <body> <img src="1.png" style="display: block; margin: auto;"> <img src="1.5.png" style="display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(150px, -50%);"> <img src="2.5.png" style="display: block; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-150px, -50%);"> <img src="2.png" style="display: block; margin: auto;"> <img src="3.png" style="display: block; margin: auto;"> </body> </html> ※ 画像は同じフォルダ内にあることを前提とします。また、position、top、left、transformプロパティはcssのスタイル設定で、画像を配置するために使用しています。