Hi there,

There is no specific widget for this but you can easily create this by adding a "Custom HTML" widget to the page builder and follow these steps:

1. Add a custom div to the textarea:

<div class="image-swap"></div>

2. Navigate to Appearance -> Customize -> Additional CSS and add the following:

.image-swap {
    width: 100%;
    height: 200px; // Change this to your own needs
    background-repeat: no-repeat;
    background-size: contain;
}

Then add the following line to add the default image:

.image-swap {
    background-image: url('http://example.com/image.png');
}

And the following line to add the hover image:

.image-swap:hover {
    background-image: url('http://example.com/image-hover.png');
}

---

To center the widget titles you can add "text-center" (without " ") in the Widget Class input field inside the Attributes panel 

You're welcome

If you have any other questions please let me know