I think it'd be best if you went with either:
1) Full rows per article, so you can put in a longer title and the design looks the same regardless of if you are on a phone or desktop.
or...
2) Keep this layout, but use flexbox to ensure that the read more button is in the same location at all times. Truncate title length with ellipses, but let us click the ellipses to see the whole thing.
As for the animation... it's problematic on larger screens because the content has a lot of white space on the left side, and everything is centrally placed. This makes the animation appear to take different times depending on your screen size (I know, it likely technically is the same time, but that's not how our eyes see it). Inconsistent user experience is generally bad, unless it is intentionally done.
It might be better to have a side from the top, which would be consistent across all screen sizes....
I'm not sure how it works on mobile. Can we swipe left / right to see more articles? From the animation, it'd appear like we should be able to.