summary image – scale on hover

Hi, I'm trying to add a bit of code to make my summary images scale to 1.1 (over 3 secs) on hover and scale back to 1.0 (over 3 secs) on not hover.

I've managed this on on-page block images like this:

.sqs-block-image .design-layout-inline:hover img{transform:scale(1.1);transition: 3s;}

.sqs-block-image .design-layout-inline:not(:hover) img{transform:scale(1.0);transition: 3s;}

but can't figure it for summary images.

Can anyone help?

Thanks

.summary-item:hover img {
	transform: scale(1.3);
	transition: all 3s;
}