画像の下に余白ができる
画像はデフォルトで inline 扱いなので、文字のベースラインに合わせて配置されます。その結果、画像の下に余白（行間）ができることがある。
以下のいずれかを使うと、余白が消えます：
.popup-image img { display: block; }
または：
.popup-image img { vertical-align: bottom; }
display: block にすると、画像がブロック要素として扱われ、行間の影響を受けなくなります。
vertical-align: bottom はインラインのままでも余白を抑えられます。