how to disable fade effect on product images

I would like to turn off the fading effect in between my product images when hovering over the products.

Would i require a code?

You can use this code to Website > Website Tools > Custom CSS

img.grid-item-image.grid-image-cover {
    opacity: 1 !important;
}
img.grid-item-image.grid-item-additional-image {
    opacity: 0 !important;
}
img.grid-item-image.grid-image-hover {
    opacity: 0 !important;
}