All the Images used with Imagehover are there, however they have a Opacity:0 so that they cant be seen - a specific image is given visibility when the link is hovered and we can see it.
The Images are grouped in a <div> with the Class: "lay-imagehover-region"
We can use this class to Target all the images collectively and then shift them as a group to the left as you wished. This is why having them set with the option 'Fixed & centered' will help you.
Custom CSS Code can be placed either in the CSS area in > Customize > CSS or - In "Lay Options - Custom CSS & HTML"
To target the ImageHover region with CSS:
//insert you code here//
There are a few options for moving the group and this depends on you and what you need for your design:
Also the 'Calc()' function may help you:
Also to remember you can use different 'units' depending on your needs:
This is unlikely what you will end up using but to help you, some code may look like this:
'!important is used when we want to override or Force a particular CSS to be used, note that it should be used sparingly and only if needed. It will override any current CSS set with Lay Theme. In this Case if the imagehover region already had a 'margin-left' CSS entry, your new entry would take precedence:
Hope this have been helpful and best wishes - Remember Google is your friend and there is such helpful content out there for CSS.