<style>

/*<![CDATA[*/
#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);align-items:center;justify-content:center;z-index:999}
#popup{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3);position:relative;z-index:2;animation:fadeIn 0.5s ease-out}
#closeBtn{position:absolute;top:10px;right:10px;cursor:pointer;font-size:30px;color:#555;background-color:#eee;border:none;padding:0px 10px;border-radius:50%;transition:background-color 0.3s;z-index:999;height:38px;line-height:33px;}
#closeBtn:hover{background-color:#ddd}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
#popup img{max-width:100%;height:auto;display:block;margin:0 auto}
/*]]>*/
</style>
<div id="overlay">
  <div id="popup">
    <span id="closeBtn" onclick="closePopup()">×</span>
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rIvxjMVUtcGVqyYHxPVOn4AIZFcRBxlLzCCPwDMStdUmbYI35zhOKPHng36CGA8v7c3GHwPJtO_b7nQmvHoIkBPXYM8aUirpVOzK-N10ZWmxMO4K-LdHI3_cF7s6V449bR9OpOapKexQBhNuLy5Ilwhq2Z-uOkpdjsTBUJQMIf_0kZriWxC0forBm5w/s500/Screenshot%202024-12-14%20164523.jpg" alt="Popup Image"/>
  </div>
</div>
<script>
  //<![CDATA[
  document.addEventListener("DOMContentLoaded", function() {
    if (!sessionStorage.getItem("popupShown")) {
      document.getElementById("overlay").style.display = "flex";
    }
  });
  function closePopup() {
    document.getElementById("overlay").style.display = "none";
    sessionStorage.setItem("popupShown", "true");
  }
  //]]>
</script>