Moving/changing close button in lightbox view on gallery page

Site URL: https://www.lucasmasch.com/

The X button to close lightbox view on my gallery page is a bit hard to notice, i was wondering what would be the best way to move it so it is close to the top right of the image being displayed, and possibly change it to say "< Back" instead of just the X? 
Here is my website: https://www.lucasmasch.com/

Thanks!

3 hours ago, LucasMasch said:

Site URL: https://www.lucasmasch.com/

The X button to close lightbox view on my gallery page is a bit hard to notice, i was wondering what would be the best way to move it so it is close to the top right of the image being displayed, and possibly change it to say "< Back" instead of just the X? 
Here is my website: https://www.lucasmasch.com/

Thanks!

Try this in Design-Custom CSS

.collection-type-gallery #backToThumbs:after {
  content: '< Back';
  color: #000 !important;  
}
.collection-type-gallery #backToThumbs {
  color: transparent !important;
  top: auto; 
  bottom: 0;
}

thank you! is there any way to get it a bit closer to the photo? ideally if there way to position it at the top right of the photo and have it scale along with it, that would be great

5 minutes ago, LucasMasch said:

thank you! is there any way to get it a bit closer to the photo? ideally if there way to position it at the top right of the photo and have it scale along with it, that would be great

that would require custom javascript injection not just css