Prueba del primer wallpaper

assets/css/main.css

@@ -176,16 +176,21 @@ section .section-h h2:after {
     width: 170px;
   }
 }
-.home .cont-prin .bg-phone {
+.home .cont-prin .modal-body .bg-phone {
   margin: 10px 55px;
-  background-color: #ffc451;
   padding: 0px;
-  width: 97px;
+  width: 96px;
   border-radius: 13px;
 }
-.home .cont-prin .bg-phone img {
+.home .cont-prin .modal-body img {
   width: 100px;
 }
+.home .cont-prin .modal-body a {
+  text-decoration: none;
+  border-radius: 5px;
+  background-color: #bb8800;
+  color: #1e3c70;
+}
 /* Globales */
 .nav-g a {
   color: #bb8800;

assets/css/main.less

@@ -187,15 +187,22 @@ section {
         }
       }
     }
-    .bg-phone {
-      margin: 10px 55px;
-      background-color: #ffc451;
-      padding: 0px;
-      width: 97px;
-      border-radius: 13px;
+    .modal-body{
+      .bg-phone {
+        margin: 10px 55px;
+        padding: 0px;
+        width: 96px;
+        border-radius: 13px;
+      } 
       img {
         width:100px;
       }
+      a {
+        text-decoration: none;
+        border-radius: 5px;
+        background-color: #bb8800;
+        color:#1e3c70;
+      }
     }
   }
 }

assets/js/main.js

@@ -19,9 +19,4 @@ document.addEventListener("DOMContentLoaded", () => {
       img.addEventListener("load", loaded);
     }
   });
-
-  /* Función para cambiar el background de wallpapers */
-  function change() {
-    document.getElementById("").style.backgroundImage=document.getElementsByName(); 
-  }
 })();

wallPapers.html

@@ -185,27 +185,23 @@
                 </div>
                 <div class="modal-body">
                   <div class="row">
-                    <div class="col-6 bg-phone">
-                      <img src="assets/img/bg/phone.png" alt="" />
-                    </div>
-                    <div class="col-6">
-                      <button
-                        onclick="change()"
-                        style="
-                          background: url(assets/img/bg/doctorados-img.jpg);"
-                      ></button>
+                    <div class="col-12 d-flex flex-column align-items-center">
+                      <img
+                        src="assets/img/bg/phone.png"
+                        alt=""
+                        class="bg-phone"
+                        style="background-image: url(assets/img/wallpappers/wp-1.png);
+                        background-position: center center;
+                        background-size: cover;"
+                      />
+                      <a
+                        href="assets/img/wallpappers/wp-1.png"
+                        download="wp-1.png"
+                        >Descargar</a
+                      >
                     </div>
                   </div>
                 </div>
-                <div class="modal-footer">
-                  <button
-                    type="button"
-                    class="btn btn-secondary"
-                    data-bs-dismiss="modal"
-                  >
-                    Close
-                  </button>
-                </div>
               </div>
             </div>
           </div>