Image v2 - zoom effect

Synopsis: In the image v2 component, if the image is linked then there will be zoom effect on hover. The zoom animation is restricted to only desktop, as hover is not applicable for mobile devices.

Usage: All pages.

Requirements: https://fiserv-com.atlassian.net/browse/FC-846

Note: This should be used as an example only. There will be additional requirements related to each individual component usage and page design, such as font treatments, padding and margin requirements, ADA compliance etc, so please use the below examples for reference only to demonstrate core function.

Example

Ingredients: 2 Containers, 1 column-control- 3 Image v2 components 

This use case involves an outside container set to full width with an inner container set to contained to center align the content. Within contained width container there is column-control, The first and third image has link setup, so there is zoom effect on hover, whereas second image is not linked therefore it doesn't have zoom effect.