Is there a way to fix an element to the bottom of an index page rather than the whole website?

Site URL: https://raccoon-heron-nyzc.squarespace.com/

I'm trying to fix a photo credit for a banner image... I just want it to be visible at all times in the corner. The best I've come up with is the fixed position element but it only "fixes" it to the bottom or top of the entire page. Is there a way to just have it fix to the bottom or top of one page?  (password roland)

Here's my code which I am disappointed didn't work as I've been monkeying with this for a while. Any suggestions would be greatly appreciated. I put the text in a code block. I thought by targeting just the index page it might work! 

#main
.photo
{ font-size: 12px;
  position: fixed;
 top: bottom;
left: 0;
  width: 10em;
  padding: 10px

}

https://raccoon-heron-nyzc.squarespace.com/

Try change to this code

#main .photo
{ font-size: 12px;
  position: fixed;
 top: bottom;
left: 0;
  width: 10em;
  padding: 10px
}
body:not(.homepage) .photo {display:none !important;}