Image link hover effect

Hello,

My website: http://www.furkhaniqbal.com

I have applied an a hover effect to my images (see below):

img:hover {transform: scale(1.1); transition: .4s;}
img{transform: scale(1); transition: .4s;}

I wanted this hover to appear only on images with hyperlinks, however at the moment it is applying the effect to every image I add onto the website.

How do I change this so it only applies to hyperlinked images?

Thanks

Then just add another a selector before the img selector:

a img:hover {transform: scale(1.1); transition: .4s;}
a img{transform: scale(1); transition: .4s;}