A widget should not appear on mobile landscape

To illustrate my problem: I am running the website https://psychotherapie-kukowski.de, where you can see this marketing widget in the lower right corner. Now, I am re-building this website with Bricks. What I want to achieve is that this widget doesn’t show in the mobile landscape view (because it covers too much of the content). So how would I do this? Honestly, I don’t have any ideas.

add that widget with code element to header or footer so it loads everywhere

and now you can setup your breakpoint with code element
on mobile breakpoint you can hide the code element from style tab display:none

Thanks, but I do not fully understand.
Right now, I put the pure code into a separate plugin (Header, Footer, Post injection), which is probably not the best way.
Would you suggest that I define a new div in the Bricks footer section, put the code in there, and then hide the div according to needs? Is that the way one would do it?