How can i stop images enlarging when selected using "Image Checkboxes" widget

Hi team,

My form requires the audience to select multiple image in each category.

I have used the widget "Image Checkboxes" to set this up.

However, when the image is selected, the image expands quite significantly.

Is there a way to keep the image the same size when selected?

Thanks,

Add this in the Custom CSS tab in your image checkboxes widget settings. This should keep the image size the same when it's selected.

img.active {

    max-width: 250px;

    max-height: 250px;

}

Add it at the very bottom. Example: