put the code down flip it and reverse it

public/css/hyde.css

@@ -204,22 +204,16 @@ a.sidebar-nav-item:focus {
   height: 75vh;
 }
 
-@media (min-width: 114em) {
-.iframe-parent {
-  width: 45vw;
-  height: 75vw;
-}
-}
-@media (min-width: 104em) {
+@media (min-width: 48em) {
 .iframe-parent {
   width: 50vw;
   height: 75vw;
 }
 }
 
-@media (min-width: 94em) {
+@media (min-width: 76em) {
 .iframe-parent {
-  width: 55vw;
+  width: 60vw;
   height: 75vw;
 }
 }
@@ -231,19 +225,25 @@ a.sidebar-nav-item:focus {
 }
 }
 
-@media (min-width: 76em) {
+@media (min-width: 94em) {
 .iframe-parent {
-  width: 60vw;
+  width: 55vw;
   height: 75vw;
 }
 }
-@media (min-width: 48em) {
+
+@media (min-width: 104em) {
 .iframe-parent {
   width: 50vw;
   height: 75vw;
 }
 }
-
+@media (min-width: 114em) {
+.iframe-parent {
+  width: 45vw;
+  height: 75vw;
+}
+}
 /* Expand to the entire container */
 iframe{
   width: 100%;