page 4
<style>
.page {
width: 420px;
height: 595px;
margin: 0 auto;
background-color: white;
border: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.photo-tall-cont {
position: absolute;
width: 420px;
height: 420px;
left: 0;
bottom: 0;
background-image: url('/files/attach/images/2025/05/13/29f6a1a4707e7c878080754974dd5088.jpg');
background-size: 560px 420px;
background-position: right center;
background-repeat: no-repeat;
z-index: 0;
}
.text-box {
position: absolute;
top: 20px;
width: 70%;
right: 5%;
background: rgba(255, 255, 255, 0.9);
padding: 16px;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
font-size: 13px;
line-height: 1.4;
z-index: 2;
}
.text-box h3 {
font-size: 16px;
margin: 0 0 8px;
}
.text-box p {
margin: 0 0 6px;
}
@media (max-width: 767px) {
.page {
width: 100%;
max-width: 420px;
margin: 0 auto 40px;
}
}
</style>
<div class="page">
<div class="photo-tall-cont"> </div>
<div class="text-box">
<h3>Desert Echoes</h3>
<p>사막의 아침 공기가 아직 따스함을 품기 전</p>
<p>고요한 장면을 담은 한 컷</p>
<p>#빛 #바람 #침묵</p>
</div>
</div>
by eGrida posted May 14, 2025