document.addEventListener('DOMContentLoaded', function() { const imagePopup = document.getElementById('imagePopup'); const closePopupButton = document.getElementById('closePopup'); imagePopup.style.display = 'block'; closePopupButton.addEventListener('click', function() { imagePopup.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === imagePopup) { imagePopup.style.display = 'none'; } }); }); #imagePopup { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #closePopup { transition: background-color 0.3s ease; } #closePopup:hover { background-color: #cc0000; }