Ghost image for better ui

Firstly, convert your design file to an image format.

Import the following:

     <link
         rel="stylesheet"
         href="https://symphonious-mandazi-4604c8.netlify.app/main.css"
      />

     <script src="https://symphonious-mandazi-4604c8.netlify.app/app.js"></script>

Assign the following elements in your HTML root, class names cannot be changed

      <div class="ghost">
         <img
            class="ghost-img"
            src="/yourimagefile"
         />
      </div>

You can activate or deactivate the ghost image by pressing SHIFT + G keys.

for activate or deactivate press SHIFT + G

for increase image opacity press SHIFT + N

for decrease image opacity press SHIFT + B