<!DOCTYPE html>
<html
lang="en">
<head>
<meta
charset="UTF-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<title>Build Your Own Recursive Ordinal</title>
<style>
body {
margin: 0;
padding: 0;
}
.image-container {
position: relative;
width: 100%;
height: 100vh; /* Adjust height as needed */
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
</style>
</head>
<body>
<div
class="image-container">
<img
src="/content/d3a72ba10de943794d1a75149cb5fbcb932c84185f31caeb01aea1a204e7b71ai0"
alt="Layer 1" />
<img
src="/content/9faec0ab712504070cae885f8e5593eb080588912e54bc3f63af5f60614c1476i0"
alt="Layer 2" style="opacity: 0.99;" />
<img
src="/content/cc878373a33b35058c28191aa79f05925a76dbab806632422a09210b37fc80d9i0"
alt="Layer 3" style="opacity: 0.99;" />
<img
src="/content/ac9738627f55c4336fdebc13bb86edd1a0c792b92ab31b4f816b5af119bd95b2i0"
alt="Layer 4" style="opacity: 0.99;" />
</div>
</body>
</html>