How can I prevent bootstrap4 from stacking on rows on mobile-view but instead put 2 rows per row?

Question

So I currently have my rows displayed like this:

However, on mobile the image of each row appears very large and takes too much space, so I want 2 rows to appear per