Social Icons are blurry on Safari

Hi, 

I'm having an issue where the social icons in the footer are blurry on Safari (but not on any other browser such as Chrome). They become clear when you hover over them. 

https://atlas-the-restaurant.squarespace.com

pw: atlas

Any help resolving this is appreciated!

Hello @AnnaJacobs

 

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .sqs-block-social a {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
    }
  }
}

.sqs-block-social a svg {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

Using this CSS Code