in-right: 0%; }
      100% { margin-left: 100%; margin-right: 0; }
    }

    progressive-image > img {
      opacity: 0;
      transition: opacity 400ms ease 0ms;
    }

    progressive-image > img[alt]:first-of-type {
      filter: blur(100px);
    }

    progressive-image > img.loaded {
      opacity: 1;
    }
  </style>
</head>
<body>

  <main>
    <article>
      <h2>With <code>savedata</code> boolean attribute</h2>
      <progressive-image savedata
        src="https://images.unsplash.com/photo-150816