Bootstrap 4 Grid - Repositioning of elements on window resize

Question

I have a very simple layout of 3 elements. I want them displayed on larger screens like the top layout in the picture and I want them laid out like the bottom layout on smal