ブログ上の画像の上にダミーの画像をかぶせるには２つの方向がある。

(1) <img>タグを<span>でラップする。
	この方法は、<img>の位置やサイズに変化を心配しなくていいのが長所だ。
	しかし、<img>タグが<span>タグの中にはいるので、elments同士の相対関係が
	変わり、これがCSSに影響を及ぼす可能性がある。

(2) <img>のポジションをモニターして、その位置にダミーの画像をのせる。
	CSSに影響を及ぼさないのが長所だ。
	しかし、正確に位置をモニターするのが難しいのが短所だ。
============================================================================
requestAnimationFrameを使って位置をモニターする方法
---------------------------------------------------------------------------	
<script>
const element = document.querySelector('.myimg');

function checkPosition() {
    const rect = element.getBoundingClientRect();
    console.log(`Top: ${rect.top}, Left: ${rect.left}`);
    
    // Keep checking the position
    requestAnimationFrame(checkPosition);
}

// Start monitoring the position
checkPosition();
</script>
============================================================================