<!DOCTYPE html>
<html>
  <head>
    <style>
      #layer-1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100vh;
        height: 100vh;
        margin: 0;
      }
      #layer-2 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100vh;
        height: 100vh;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <img
      id="layer-1"
      src="https://p0.pikist.com/photos/620/995/norwich-cathedral-arch-steps-square-cloisters-architecture-building-stone.jpg"
    />
    <img
      id="layer-2"
      src="http://helpexe.ru/wp-content/uploads/2020/4/kak-skachat-besplatnye-ramki-png_10_1.png"
    />
  </body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.