sposta le immagini nella pagina di download a lato

assets/scss/www.scss

@@ -136,3 +136,24 @@ div.page div.row.image-overflow {
         }
     }
 }
+
+div.page div.row div.col.image-attach-corner {
+    position: relative;
+    text-align: right;
+
+    img {
+        display: block;
+
+        @media all and (min-width: 60rem) {
+            position: absolute;
+            bottom: -2em;
+            right: -2em;
+        }
+
+        @media all and (max-width: 60rem) {
+            margin-left: auto;
+            margin-right: -2em !important;
+            margin-bottom: -2em !important;
+        }
+    }
+}

uitwww/templates/pages/scopri-ubuntu/desktop.html

@@ -72,7 +72,7 @@
                 fotografie.
             </p>
         </div>
-        <div class="col">
+        <div class="col image-attach-corner">
             <img src="{{ url_for("static", filename="images/scopri-ubuntu/desktop/desktop-lo.png") }}">
         </div>
     </div>
@@ -92,7 +92,7 @@
                 per desktop remoti <b>Remmina</b>.
             </p>
         </div>
-        <div class="col">
+        <div class="col image-attach-corner">
             <img src="{{ url_for("static", filename="images/scopri-ubuntu/desktop/desktop-ff.png") }}">
         </div>
     </div>
@@ -118,7 +118,7 @@
             <a href="https://snapcraft.io/vlc"><img src="{{ url_for("static", filename="images/scopri-ubuntu/desktop/vlc.png") }}"></a>
             <a href="https://snapcraft.io/xonotic"><img src="{{ url_for("static", filename="images/scopri-ubuntu/desktop/xonotic.png") }}"></a>
         </div>
-        <div class="col">
+        <div class="col image-attach-corner">
             <img src="{{ url_for("static", filename="images/scopri-ubuntu/desktop/desktop-dt.png") }}">
         </div>
     </div>