JavaScript: How to make a responsive gallery with direction-aware hover using jQuery

Today, we will look at how to create a responsive gallery with directional-aware hover. By directional-aware hover I mean that the title and description of the image will slide in from the direction your mouse entered the image.