Make image slowly fade in once you enter home page only

Site URL: https://caper-badger-3s6d.squarespace.com/home

Password: home

I want to make this image (picture below) slowly fade in (once the page is entered) on home page only.

Can anyone help me?

Try inserting this in your Custom CSS area and experiment with the increasing / decreasing the 1.5s animation value until you get the effect you want.

.homepage #block-yui_3_17_2_1_1611067680935_4040 {
	animation: fade-me-in 1.5s;
}

@keyframes fade-me-in {
  0% {opacity:0;}
  80% {opacity:0;}
  100% {opacity:1;}
}

@colin.irwin Thank you, that worked great!