I'm trying to figure it how I can merge elements from two columns on Bootstrap during responsive collapse (or if such a thing is even possible). Essentially, I have three elements I need to merge. On desktop, one takes up the entire left and the other two are stacked on the right side. On mobile I want them merged into a single column, but I notably want the left element between the two from the right. Here's an example:
Is this even possible within Bootstrap? I've been focused on making each of these elements a column, but maybe that's not the right approach.