Elemente mobil untereinander anzeigen

Hallo Zusammen,

ich möchte gerne auf unserer Startseite das Iframe Element und den daneben stehenden Download mobile untereinander anzeigen. Ich dachte das ich das mit float eigentlich automatisch hinbekommen. Aber leider nein :-(

Vielen Dank im Voraus.

https://eddysterckx-baits.de/index.php

Hier noch mein CSS für den Bereich

Code:

.video-eddy iframe {
position: absolute;
top: 0;
left: 0;
width: 56,25%;
height: 100%;
}
.video-eddy {
position: relative;
padding-bottom: 34%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
li.video-eddy {
   float: left !important;
   list-style: outside none none;
   width: 66.6% !important;
}
.katalog {
   float: right;
   width: 31.3%;
padding-bottom: 5%;
}