【html, css】 2枚の画像が移り変わるカルーセルを作りたい

【教えてもらいたいこと】
プログラミング/WEB制作

【具体的な相談内容】
趣味で、本を見ながら初歩的なホームページを作っています。

トップ画像を以下のように変えたいのですが
なかなかうまくいきません。
ーーーーーーーーーーーー
as is（現状）；１枚の画像が貼り付けてある

to be；画像の下にあるボタンを押せば（あるいは自動で）、
２枚の画像が移り変わるカルーセルにしたい
ーーーーーーーーーーーー

ネットを調べてhtml とcssのみで作る方法、
javascriptのプラグインを導入する方法など、
色々試しましたのですが、難しいです。

初心者の私でもサクッとカルーセルを作れる方法がもしありましたら、教えていただきたいです。
【目安予算】
1000円