DrWeyber

.one {
		animation: 0.5s name;
		width: 5px;
		transform: scale(10);
		height: 5px;
		border-radius: 50%;
		position: absolute;
		background: #fff;
		opacity: 0;
+   pointer-events: none;
	}

click { target: div#ele, buttons: 0, clientX: 163, clientY: 119, layerX: 55, layerY: 19 }
click { target: div.one, buttons: 0, clientX: 163, clientY: 119, layerX: 2, layerY: 2 }

<picture>
    <source srcset="path/to/image.webp" type="image/webp">
    <img src="path/to/image.jpg" alt="Image alt">
</picture>

• неверный путь к файлу. В разметке, возможно, стоит путь в исходную папку, а не в папку со сконвертированными изображениями;
  
• браузер не поддерживает webp и нужен fallback, как показано выше;
  
• при конвертации что-то пошло не так и изображение битое после конвертации. Это маловероятно, но, тем не менее, такое может быть.