image 1 (07/22)

<style>

.title-bar {
border: 1px solid #000;
z-index: 2;
}

.title-bar-text {
font-family: windows;
font-size: 13px;
}

.first {
}

.window-body {
padding: 4px;
text-align: left;
font-family: windows;
}

</style>

<div class="window active" style="position: absolute; bottom: 55px; left: 20px;">
<div class="title-bar">
<div class="title-bar-text">image.gif</div>
<div class="title-bar-controls">
<a href="#home"><button aria-label="Close"></button></a>
</div>
</div>

<!----- you're going to have to adjust the width and height for your image size, this is going to take some tweaking & patience... i recommmend using a square picture bc they're the easiest to adapt ------->

<div class="window-body">
<img class="first" src="https://cdn.discordapp.com/attachments/851155413831254076/1264700700034596895/Screenshot_2024-07-21_at_2.48.51_PM.png?ex=669ed3cf&is=669d824f&hm=fb22b3b9925dec2794107752b817dd0a229b72ebbf4c8243b3db94dd7b3588fb&" alt="." style="width:122px;height:115px;">
</div>
</div>