Есть 2 формата баннера партнерской программы. Сейчас когда партнер вставляте код PHP на своем сайте, то случайным образом показывается либо вертикальный баннер либо горизонтальный.

Однако мы заметили, что у некоторых сайтов партнера ширина области контента <div> в которую вставяется баннер менее 728px хотелось бы, чтобы в этом случае использовался лишь вариант вертикального баннера. Придумать способ такого внедрения на css / js.
Пример правильного отображения (Понажимайте F5 несколько раз)
http://allfacebook.com.ua/quests/20190317/2012589293-reyting-hostingov
Пример НЕ правильного отображения (Понажимайте F5 несколько раз)
http://partreg.sumy.ua/voprosy/2012589647-kreditnaya-karta-bankov-ukrainy.php



Сейчас так

<iframe width=728 height 300> - горизонтальный

и

<iframe width=300 height 600> - вертикальный



Сейчас в код подгружается один из них. Но думаю что логично подгружать оба, но один скрыть display:none

Но если ширина более 728 то случайно, иначе однозначно скрыть горизонтальный. 

Как такое реализовать на практике?