Image Split on Hover

How do I make my images match as they are supposed to?

And by the way, why won’t my background colors show up? (And no I don’t have a crush on Collins Key)

How are they supposed to be?

When I hover over the image, the left one goes to the bottom and the right one to the top.

You can remove the margin

1 Like

Thank you. The second page looks great now.

My images are supposed to match up so that it looks like one whole image that splits in half when you hover.

It is the background-position-x on .figure:after that isn’t right, try 415px

background-position: 415px;

1 Like

Thank you! It is perfect now.