0:47の

次に幅や高さを設定したいのと、次に続く画像を下に配置したいので display: block; としてあげましょう。

の意味がわかりません。なぜdisplay: block;とするのでしょうか？

画像が大きくなりすぎたため、本来下に位置されるはずの<img>が<a>の横に配置されたため、本来の位置に正すために、<a>にdisplay: blockとし、
また<a>はインライン要素なので、inline-blokとするはずだと思うのですが
それは、divのclass="btn"にcssを適用しているからdisplay: block;とするのでしょうか？