How to create a responsive horizontal line using css

I’ve been trying to use media queries to change this vertical line to a horizontal line. I’ve been able to do that but now I want to make it responsive to the images. When the images are bigger it crosses the horizontal line rather than adjusting to the size of the image. Please any help. I will really appreciate. Here is my code: