CSS animations not working on iOS

Hello,

I have modified the box-shadow of the images on my portfolio page and my logo to add an animation on the hover as well as the border of the image on the about me page, but these animations don’t show up on iOS devices. After some googling, I found I needed to add -webkit- as well as -webkit-appearance: none; but it has not resolved my problem.

Here is the relevant part of my additional css:

.portfolio-thumbnail a:hover img {
	opacity: .4;
}

.portfolio-thumbnail a:hover:after {
	-webkit-appearance: none;
	animation: mymove 3s infinite;
}

.site-logo:hover {
	-webkit-appearance: none;
	animation: mymove2 3s infinite;
	border-radius: 7em;
}

.border-portrait {
	-webkit-appearance: none;
	animation: mymove3 3s infinite;	
}

@keyframes mymove {
  0%, 100% {box-shadow: 0px 0px 0px 2em inset cyan;}
	33.3% {box-shadow: 0px 0px 0px 2em inset magenta;}
	66.6% {box-shadow: 0px 0px 0px 2em inset yellow;}
}

@keyframes mymove2 {
  0%, 100% {box-shadow: 0px 0px 0px 10em inset cyan;}
	33.3% {box-shadow: 0px 0px 0px 10em inset magenta;}
	66.6% {box-shadow: 0px 0px 0px 10em inset yellow;}
}

@keyframes mymove3 {
  0%, 100% {border: solid cyan 2em;}
	33.3% {border: solid magenta 2em;}
	66.6% {border: solid yellow 2em;}
}

@-webkit-keyframes mymove {
	-webkit-appearance: none;
  0% {-webkit-box-shadow: 0px 0px 0px 2em inset cyan;}
	33.3% {-webkit-box-shadow: 0px 0px 0px 2em inset magenta;}
	66.6% {-webkit-box-shadow: 0px 0px 0px 2em inset yellow;}
	100% {-webkit-box-shadow: 0px 0px 0px 2em inset cyan;}
}

@-webkit-keyframes mymove2 {
	-webkit-appearance: none;
  0% {-webkit-box-shadow: 0px 0px 0px 10em inset cyan;}
	33.3% {-webkit-box-shadow: 0px 0px 0px 10em inset magenta;}
	66.6% {-webkit-box-shadow: 0px 0px 0px 10em inset yellow;}
	100% {-webkit-box-shadow: 0px 0px 0px 10em inset cyan;}
}

@-webkit-keyframes mymove3 {
	-webkit-appearance: none;
  0% {-webkit-border: solid cyan 2em;}
	33.3% {-webkit-border: solid magenta 2em;}
	66.6% {-webkit-border: solid yellow 2em;}
	100% {-webkit-border: solid cyan 2em;}
}

Thank you in advance for your help,

Armin

The page I need help with: [log in to see the link]