page 1
<style type="text/css">
.page1-a5 {
width: 420px;
height: 595px;
position: relative;
background-image: url('/files/attach/images/2025/04/30/ea837362da02d633b8b0168375e79183.jpg');
background-size: 200% auto;
background-repeat: no-repeat;
background-position: left center;
overflow: hidden;
border: 1px solid #ccc;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
margin: 0 auto;
}
.page1 {
width: 297.5px;
aspect-ratio: 1 / 1;
overflow: hidden;
position: absolute;
left: 0;
}
.page1.p1 {
top: 0;
}
.page1.p2 {
top: 297.5px;
}
.page1 img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
</style>
<div class="page1-a5">
<div class="page1 p1">
<a data-lightbox="album" data-title="Top Left" href="/files/attach/images/2025/04/30/0493a3f881d83c0263211d06af551990.jpg">
<img alt="Top Left" src="/files/attach/images/2025/04/30/0493a3f881d83c0263211d06af551990.jpg" />
</a>
</div>
<div class="page1 p2">
<a data-lightbox="album" data-title="Bottom Left" href="/files/attach/images/2025/04/30/aed9d0c3fbcc3bd8a5a1e2070ce3fcaf.jpg">
<img alt="Bottom Left" src="/files/attach/images/2025/04/30/aed9d0c3fbcc3bd8a5a1e2070ce3fcaf.jpg" />
</a>
</div>
</div>
by eGrida posted May 14, 2025
