Untitled

<!DOCTYPE html>
<html>
    <head>
        <style>
            img {position: absolute; height: auto; }
        </style>
    </head>
    <body>
        <img style="width: 100%; top: 0px; left: 0px;" src="dad.png">
            <img style="width: 28%; top: 3%; left: 38%;" src="img1.png"></img>
            <img style="width: 28%; top: 29%; left: 38%;" src="img2.png"></img>
            <img style="width: 28%; top: 55%; left: 38%;" src="img3.png"></img>
            <img style="width: 28%; top: 3%; left: 69%;" src="img4.png"></img>
            <img style="width: 28%; top: 29%; left: 69%;" src="img5.png"></img>
            <img style="width: 28%; top: 55%; left: 69%;" src="img6.png"></img>
        </img>
    </body>
</html>