I have 2 iframe pdf. They are hidden

position: absolute left: 0 right: 0 bottom: 0 top: 30px width: 100% height: calc(100% - 30px) opacity: 0 visibility: hidden 

By clicking on a specific button, a class is added and they appear. On the full screen, everything is fine. But when I look at mobile - the class is added, iframe is there, it takes up space on the page, it is there, but there is no content

    0