How to create a vertical line between two columns?

Hello everybody, I’d like to get some hint please…

Here is my problem: I’m trying to create a vertical line between two columns in this page: https://www.acryltech.com/piatti-doccia-per-la-trasformazione-da-vasca-in-doccia, the columns content is formed by a text-area, an image and a gallery… and I’d like to have a vertical line to graphically separate them better.

I’ve tried to add a <hr> at the end of the first column, but then I didn’t managed to position the <hr> between the columns. Also I tried to add to the first column a border-right… it works, but the line is too close the first column, instead I’d like to have the line exactly between them… in fact, then I’ve tried to use a padding-right together with the border-right… and it works… but in that case, the problem is that the second columns get moved from its position.

I don’t know what else to try to simply have a vertical line between those columns…. some help please ? thanks.