I am having some problems with lines on my websites. I have 1px lines (made from divblocks) throughout my site, which are sometimes animated to appear on hoover (see collectie page for an example).
Sometimes this goes as it should but other times (totally random) the lines become thicker at the end of the animation.
For example the collectie page is made with a cms collection, but with some photos the line stays 1px but with others the lines get thicker at the end of the hoover animation. This is shown on the published site, but not in the preview in the editor.
If your not changing something leave it at default.
So on you interactions, default and change to, click the little icon on left to make it turn grey.
Also not sure why you had Z of 1.
Try what I have suggested as a starting point.
At first I had it as a default, but I changed it to 1 to see if it made any difference. Now I changed it back to default, but it is still showing the same problem.
checked the news down then up then down the up etc several times and resize nothing.
This in on the published site too.
Can you press print screen to take a screen shot to show what you are seeing.