Make one particular link in site nav to a clickable image

Hi Squarespace family,

I'm trying to turn the link 'Account' in my nav into a clickable image of a normal 'my account' type symbol of a person.

Here is the site: http://etch.london

Here is the code I have so far which shows in the Nav but it is not clickable, can anyone shed any light?

 nav li:nth-child(6) {
  display: block;
  width: 100px;
  height: 1000px;
  background-image: url('https://i.imgur.com/qttVodm.png');
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

Thanks

Another solution would be to use a regular LINK and instead of the name you use your graphic (the link of the graphic)

  <img src="https://images.squarespace-cdn.com/content/5cd2d548de0d1400013039c4/1558951000323-DQC0BMOVYR8I7QF5G2UG/INSTA_Icon_white.png">

so you just have to upload the graphic, somewhere on your website, just COPY the LINK of the FILE

was useful in my case where I had to get the social icons displayed on mobile