Why can't I position the blocks correctly in the adaptive grid?

Question

css

Hello! There is a bootstrap grid. I want to make it so that on large screens the block with the picture is located on the right, and the text is on the left, and on small resolutions the picture goes up, and the text slides down. I know that this can be achieved using push-pull classes, but for some reason in my case, the blocks are not arranged as they should be..
fidl link

Answer 1

The problem is here

.summary {
    position: static;
}