diff --git a/Cerca.html b/Cerca.html
index b8135f8..b2efc45 100644
--- a/Cerca.html
+++ b/Cerca.html
@@ -19,61 +19,57 @@
       rel="stylesheet"
     />
   </head>
-  <body>
-    <main id="main" class="container-fluid">
-      <div class="row min-vh-100">
-        <!-- Sidebar -->
-
-        <div class="col-md-3 col-xl-2 d-none d-md-flex flex-column bg-black">
-          <div id="logo" class="mt-3">
-            <!-- SVG for Spotify logo goes here -->
-            <a href="#"
-              ><svg
-                viewBox="0 0 1134 340"
-                class="spotify-logo--text"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <title>Spotify</title>
-                <path
-                  fill="currentColor"
-                  d="M8 171c0 92 76 168 168 168s168-76 168-168S268 4 176 4 8 79 8 171zm230 78c-39-24-89-30-147-17-14 2-16-18-4-20 64-15 118-8 162 19 11 7 0 24-11 18zm17-45c-45-28-114-36-167-20-17 5-23-21-7-25 61-18 136-9 188 23 14 9 0 31-14 22zM80 133c-17 6-28-23-9-30 59-18 159-15 221 22 17 9 1 37-17 27-54-32-144-35-195-19zm379 91c-17 0-33-6-47-20-1 0-1 1-1 1l-16 19c-1 1-1 2 0 3 18 16 40 24 64 24 34 0 55-19 55-47 0-24-15-37-50-46-29-7-34-12-34-22s10-16 23-16 25 5 39 15c0 0 1 1 2 1s1-1 1-1l14-20c1-1 1-1 0-2-16-13-35-20-56-20-31 0-53 19-53 46 0 29 20 38 52 46 28 6 32 12 32 22 0 11-10 17-25 17zm95-77v-13c0-1-1-2-2-2h-26c-1 0-2 1-2 2v147c0 1 1 2 2 2h26c1 0 2-1 2-2v-46c10 11 21 16 36 16 27 0 54-21 54-61s-27-60-54-60c-15 0-26 5-36 17zm30 78c-18 0-31-15-31-35s13-34 31-34 30 14 30 34-12 35-30 35zm68-34c0 34 27 60 62 60s62-27 62-61-26-60-61-60-63 27-63 61zm30-1c0-20 13-34 32-34s33 15 33 35-13 34-32 34-33-15-33-35zm140-58v-29c0-1 0-2-1-2h-26c-1 0-2 1-2 2v29h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v58c0 23 11 35 34 35 9 0 18-2 25-6 1 0 1-1 1-2v-21c0-1 0-2-1-2h-2c-5 3-11 4-16 4-8 0-12-4-12-12v-54h30c1 0 2-1 2-2v-22c0-1-1-2-2-2h-30zm129-3c0-11 4-15 13-15 5 0 10 0 15 2h1s1-1 1-2V93c0-1 0-2-1-2-5-2-12-3-22-3-24 0-36 14-36 39v5h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v89c0 1 1 2 2 2h26c1 0 1-1 1-2v-89h25l37 89c-4 9-8 11-14 11-5 0-10-1-15-4h-1l-1 1-9 19c0 1 0 3 1 3 9 5 17 7 27 7 19 0 30-9 39-33l45-116v-2c0-1-1-1-2-1h-27c-1 0-1 1-1 2l-28 78-30-78c0-1-1-2-2-2h-44v-3zm-83 3c-1 0-2 1-2 2v113c0 1 1 2 2 2h26c1 0 1-1 1-2V134c0-1 0-2-1-2h-26zm-6-33c0 10 9 19 19 19s18-9 18-19-8-18-18-18-19 8-19 18zm245 69c10 0 19-8 19-18s-9-18-19-18-18 8-18 18 8 18 18 18zm0-34c9 0 17 7 17 16s-8 16-17 16-16-7-16-16 7-16 16-16zm4 18c3-1 5-3 5-6 0-4-4-6-8-6h-8v19h4v-6h4l4 6h5zm-3-9c2 0 4 1 4 3s-2 3-4 3h-4v-6h4z"
-                ></path>
-              </svg>
-            </a>
-          </div>
+  <body id="bodyGradiente">
+    <main class="container-fluid d-flex">
+      <div class="col-md-3 col-xl-2 d-flex flex-column gradiente">
+        <div id="logo" class="mt-3">
+          <!-- SVG for Spotify logo goes here -->
+          <a href="./home.html"><svg
+            viewBox="0 0 1134 340"
+            class="spotify-logo--text"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <title>Spotify</title>
+            <path
+              fill="currentColor"
+              d="M8 171c0 92 76 168 168 168s168-76 168-168S268 4 176 4 8 79 8 171zm230 78c-39-24-89-30-147-17-14 2-16-18-4-20 64-15 118-8 162 19 11 7 0 24-11 18zm17-45c-45-28-114-36-167-20-17 5-23-21-7-25 61-18 136-9 188 23 14 9 0 31-14 22zM80 133c-17 6-28-23-9-30 59-18 159-15 221 22 17 9 1 37-17 27-54-32-144-35-195-19zm379 91c-17 0-33-6-47-20-1 0-1 1-1 1l-16 19c-1 1-1 2 0 3 18 16 40 24 64 24 34 0 55-19 55-47 0-24-15-37-50-46-29-7-34-12-34-22s10-16 23-16 25 5 39 15c0 0 1 1 2 1s1-1 1-1l14-20c1-1 1-1 0-2-16-13-35-20-56-20-31 0-53 19-53 46 0 29 20 38 52 46 28 6 32 12 32 22 0 11-10 17-25 17zm95-77v-13c0-1-1-2-2-2h-26c-1 0-2 1-2 2v147c0 1 1 2 2 2h26c1 0 2-1 2-2v-46c10 11 21 16 36 16 27 0 54-21 54-61s-27-60-54-60c-15 0-26 5-36 17zm30 78c-18 0-31-15-31-35s13-34 31-34 30 14 30 34-12 35-30 35zm68-34c0 34 27 60 62 60s62-27 62-61-26-60-61-60-63 27-63 61zm30-1c0-20 13-34 32-34s33 15 33 35-13 34-32 34-33-15-33-35zm140-58v-29c0-1 0-2-1-2h-26c-1 0-2 1-2 2v29h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v58c0 23 11 35 34 35 9 0 18-2 25-6 1 0 1-1 1-2v-21c0-1 0-2-1-2h-2c-5 3-11 4-16 4-8 0-12-4-12-12v-54h30c1 0 2-1 2-2v-22c0-1-1-2-2-2h-30zm129-3c0-11 4-15 13-15 5 0 10 0 15 2h1s1-1 1-2V93c0-1 0-2-1-2-5-2-12-3-22-3-24 0-36 14-36 39v5h-13c-1 0-2 1-2 2v22c0 1 1 2 2 2h13v89c0 1 1 2 2 2h26c1 0 1-1 1-2v-89h25l37 89c-4 9-8 11-14 11-5 0-10-1-15-4h-1l-1 1-9 19c0 1 0 3 1 3 9 5 17 7 27 7 19 0 30-9 39-33l45-116v-2c0-1-1-1-2-1h-27c-1 0-1 1-1 2l-28 78-30-78c0-1-1-2-2-2h-44v-3zm-83 3c-1 0-2 1-2 2v113c0 1 1 2 2 2h26c1 0 1-1 1-2V134c0-1 0-2-1-2h-26zm-6-33c0 10 9 19 19 19s18-9 18-19-8-18-18-18-19 8-19 18zm245 69c10 0 19-8 19-18s-9-18-19-18-18 8-18 18 8 18 18 18zm0-34c9 0 17 7 17 16s-8 16-17 16-16-7-16-16 7-16 16-16zm4 18c3-1 5-3 5-6 0-4-4-6-8-6h-8v19h4v-6h4l4 6h5zm-3-9c2 0 4 1 4 3s-2 3-4 3h-4v-6h4z"
+            ></path>
+          </svg>
+        </a>
+        </div>
 
-          <div class="nav flex-column align-items-start ms-3 my-3 left-navbar">
-            <a href="#" class="nav-link text-white">
-              <i class="bi bi-three-dots"></i>
-            </a>
-            <a href="#" class="nav-link text-white active">
-              <i class="bi bi-house-door-fill"></i> Home
-            </a>
-            <a href="./Cerca.html" class="nav-link text-white">
-              <i class="bi bi-search"></i> Search
-            </a>
-            <a href="./Artisti.html" class="nav-link text-white">
-              <i class="bi bi-journal"></i> La tua libreria
-            </a>
-            <a href="#" class="nav-link text-white">
-              <i class="bi bi-plus-square"></i> Crea Playlist
-            </a>
-            <a href="#" class="nav-link text-white">
-              <i class="bi bi-heart"></i> Brani che ti piacciono
-            </a>
-            <a href="#" class="nav-link text-white">
-              <i class="bi bi-bookmark-fill"></i> I tuoi episodi
-            </a>
-          </div>
-          <div class="lex-grow-1 overflow-auto ms-3">
-            <!-- Scrollable content of playlists -->
-            <div
-              class="sidebar_contents ms-3 border-custom"
-              style="max-height: 600px"
-            >
-              <!-- Contenuto scrollabile qui -->
-              <div class="playlist mt-4">
-                <p></p>
+        <div class="nav flex-column align-items-start ms-3 my-3  left-navbar">
+          <a href="#" class="nav-link text-white">
+            <i class="bi bi-three-dots"></i>
+          </a>
+          <a href="./home.html" class="nav-link text-white">
+            <i class="bi bi-house-door-fill"></i> Home
+          </a>
+          <a href="#" class="nav-link text-white">
+            <i class="bi bi-search"></i> Search
+          </a>
+          <a href="./Artisti.html" class="nav-link text-white">
+            <i class="bi bi-journal"></i> La tua libreria
+          </a>
+          <a href="#" class="nav-link text-white">
+            <i class="bi bi-plus-square"></i> Crea Playlist
+          </a>
+          <a href="#" class="nav-link text-white">
+            <i class="bi bi-heart"></i> Brani che ti piacciono
+          </a>
+          <a href="#" class="nav-link text-white">
+            <i class="bi bi-bookmark-fill"></i> I tuoi episodi
+          </a>
+        </div>
+        <div class="lex-grow-1 overflow-auto ms-3">
+          <!-- Scrollable content of playlists -->
+          <div
+            class="sidebar_contents ms-3 border-custom"
+            style="max-height: 600px; overflow-y: scroll"
+          >
+            <!-- Contenuto scrollabile qui -->
+            <div class="playlist mt-4">
+              <p></p>
 
                 <p>Keep Yourself Alive (Live At The Rainbow)</p>
 
@@ -158,10 +154,10 @@
               <h5 class="p-0 m-0">Attività amici</h5>
             </div>
 
-            <div class="d-flex right-navbar-icon">
-              <button class="btn btn-black text-light">
-                <i class="bi bi-person-add fs-4"></i>
-              </button>
+          <div class="d-flex right-navbar-icon">
+            <button class="btn btn-black text-light">
+              <i class="bi bi-person-add fs-4"></i>
+            </button>
 
               <button class="btn btn-black text-light">
                 <i class="bi bi-x-lg fs-5"></i>
diff --git a/assets/css/home.css b/assets/css/home.css
index f48bac3..8a85423 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -262,7 +262,7 @@ ul li a {
 }
 .bplay {
   position: absolute;
-  left: 45px;
+  left: 40%;
   top: 20px;
   opacity: 0;
   transition: all ease 0.4s;
@@ -275,7 +275,7 @@ ul li a {
 
 .bplay2 {
   position: absolute;
-  left: 170px;
+  left: 70%;
   top: -10px;
   opacity: 0;
   transition: all ease 0.4s;
@@ -609,31 +609,29 @@ img#brani-preferiti {
 #searchInput {
   padding: 10px;
   border: 2px solid #ccc;
-  border-radius: 25px; 
+  border-radius: 25px;
   outline: none;
-  width: 200px; 
+  width: 200px;
   background-color: #f0f0f0;
 }
 
-
 #searchButton {
   padding: 10px 20px;
   border: none;
-  border-radius: 25px; 
+  border-radius: 25px;
   background-color: #ccc;
-  color: #000000; 
+  color: #000000;
   cursor: pointer;
 }
 
 #searchButton:hover {
-  background-color: #bbb; 
+  background-color: #bbb;
 }
 
 #giphyFrame {
   margin-top: 10%;
 }
 
-
 @media screen and (max-width: 600px) {
   .card-title {
     font-size: 18px;
@@ -679,11 +677,16 @@ img#brani-preferiti {
 
 .coloreCerca {
   display: flex;
-  flex-direction: row;
-  justify-content: space-around;
-  background: black;
-  border-radius: 34px;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.495);
+  border-radius: 40px;
   padding: 2em;
+  box-shadow: 5px 5px 20px black;
+}
+
+.img-cerca {
+  border-radius: 100px;
+  box-shadow: 2px 2px 50px #0000006e;
 }
 
 .pCastom {
@@ -700,4 +703,3 @@ img#brani-preferiti {
   color: white;
   border: none;
 }
-
diff --git a/assets/js/Cerca.js b/assets/js/Cerca.js
index 48060cd..0e93185 100644
--- a/assets/js/Cerca.js
+++ b/assets/js/Cerca.js
@@ -1,67 +1,179 @@
-document.addEventListener('DOMContentLoaded', function() {
-    const artists = [
-        { id: 1, name: "The Beatles", image: "https://api.deezer.com/artist/1/image" },
-        { id: 412, name: "Queen", image: "https://api.deezer.com/artist/412/image"},
-        { id: 48975581, name: "Geolier", image: "https://api.deezer.com/artist/48975581/image" },
-        { id: 3239781, name: "Fedez", image: "https://api.deezer.com/artist/3239781/image" },
-        { id: 7979, name: "Fabri Fibra", image: "https://api.deezer.com/artist/7979/image" },
-        { id: 1155242, name: "Salmo", image: "https://api.deezer.com/artist/1155242/image" },
-        { id: 2936, name: "Shiva", image: "https://api.deezer.com/artist/1155242/image" },
-        { id: 9375398, name: "Capo Plaza", image: "https://api.deezer.com/artist/9375398/image" },
-        { id: 13612387, name: "Måneskin", image: "https://api.deezer.com/artist/13612387/image" },
-        { id: 7371074, name: "Sfera Ebbasta", image: "https://api.deezer.com/artist/7371074/image" },
-        { id: 1288678, name: "Lazza", image: "https://api.deezer.com/artist/5893334/image" },
-        { id: 5893334, name: "Guè", image: "https://api.deezer.com/artist/5893334/image" },
-        { id: 10666539, name: "Tedua", image: "https://api.deezer.com/artist/10666539/image" },
-        { id: 75618, name: "Marracash", image: "https://api.deezer.com/artist/75618/image" },
-        { id: 12246, name: "Taylor Swift", image: "https://api.deezer.com/artist/12246/image" },
-        { id: 245432, name: "Annalisa", image: "https://api.deezer.com/artist/245432/image" },
-        { id: 145693, name: "ELODIE", image: "https://api.deezer.com/artist/145693/image" },
-        { id: 10688385, name: "Rose Villain", image: "https://api.deezer.com/artist/10688385/image" },
-        { id: 160, name: "Shakira", image: "https://api.deezer.com/artist/160/image" },
-        { id: 564, name: "Rihanna", image: "https://api.deezer.com/artist/564/image" },
-        { id: 6550, name: "Gabry Ponte", image: "https://api.deezer.com/artist/6550/image" },
-        { id: 6855525, name: "Baby Gang", image: "https://api.deezer.com/artist/6855525/image" },
-        { id: 10583405, name: "Bad Bunny", image: "https://api.deezer.com/artist/10583405/image" },
-        { id: 246791, name: "Drake", image: "https://api.deezer.com/artist/246791/image" },
-        { id: 4495513, name: "Travis Scott", image: "https://api.deezer.com/artist/4495513/image" },
-    ];
+document.addEventListener("DOMContentLoaded", function () {
+  const artists = [
+    {
+      id: 1,
+      name: "The Beatles",
+      image: "https://api.deezer.com/artist/1/image",
+    },
+    {
+      id: 412,
+      name: "Queen",
+      image: "https://api.deezer.com/artist/412/image",
+    },
+    {
+      id: 48975581,
+      name: "Geolier",
+      image: "https://api.deezer.com/artist/48975581/image",
+    },
+    {
+      id: 3239781,
+      name: "Fedez",
+      image: "https://api.deezer.com/artist/3239781/image",
+    },
+    {
+      id: 7979,
+      name: "Fabri Fibra",
+      image: "https://api.deezer.com/artist/7979/image",
+    },
+    {
+      id: 1155242,
+      name: "Salmo",
+      image: "https://api.deezer.com/artist/1155242/image",
+    },
+    {
+      id: 2936,
+      name: "Shiva",
+      image: "https://api.deezer.com/artist/2936/image",
+    },
+    {
+      id: 9375398,
+      name: "Capo Plaza",
+      image: "https://api.deezer.com/artist/9375398/image",
+    },
+    {
+      id: 13612387,
+      name: "Måneskin",
+      image: "https://api.deezer.com/artist/13612387/image",
+    },
+    {
+      id: 7371074,
+      name: "Sfera Ebbasta",
+      image: "https://api.deezer.com/artist/7371074/image",
+    },
+    {
+      id: 1288678,
+      name: "Lazza",
+      image: "https://api.deezer.com/artist/1288678/image",
+    },
+    {
+      id: 5893334,
+      name: "Guè",
+      image: "https://api.deezer.com/artist/5893334/image",
+    },
+    {
+      id: 10666539,
+      name: "Tedua",
+      image: "https://api.deezer.com/artist/10666539/image",
+    },
+    {
+      id: 75618,
+      name: "Marracash",
+      image: "https://api.deezer.com/artist/75618/image",
+    },
+    {
+      id: 12246,
+      name: "Taylor Swift",
+      image: "https://api.deezer.com/artist/12246/image",
+    },
+    {
+      id: 245432,
+      name: "Annalisa",
+      image: "https://api.deezer.com/artist/245432/image",
+    },
+    {
+      id: 145693,
+      name: "ELODIE",
+      image: "https://api.deezer.com/artist/145693/image",
+    },
+    {
+      id: 10688385,
+      name: "Rose Villain",
+      image: "https://api.deezer.com/artist/10688385/image",
+    },
+    {
+      id: 160,
+      name: "Shakira",
+      image: "https://api.deezer.com/artist/160/image",
+    },
+    {
+      id: 564,
+      name: "Rihanna",
+      image: "https://api.deezer.com/artist/564/image",
+    },
+    {
+      id: 6550,
+      name: "Gabry Ponte",
+      image: "https://api.deezer.com/artist/6550/image",
+    },
+    {
+      id: 6855525,
+      name: "Baby Gang",
+      image: "https://api.deezer.com/artist/6855525/image",
+    },
+    {
+      id: 10583405,
+      name: "Bad Bunny",
+      image: "https://api.deezer.com/artist/10583405/image",
+    },
+    {
+      id: 246791,
+      name: "Drake",
+      image: "https://api.deezer.com/artist/246791/image",
+    },
+    {
+      id: 4495513,
+      name: "Travis Scott",
+      image: "https://api.deezer.com/artist/4495513/image",
+    },
+  ];
 
-    const container = document.getElementById('cercArtisti');
-    const searchInput = document.getElementById('searchInput');
-    const searchButton = document.getElementById('searchButton');
+  const container = document.getElementById("cercArtisti");
+  const searchInput = document.getElementById("searchInput");
+  const searchButton = document.getElementById("searchButton");
 
-    searchButton.addEventListener('click', function() {
-        const searchTerm = searchInput.value.toLowerCase();
-        const results = artists.filter(artist => artist.name.toLowerCase().includes(searchTerm));
+  searchButton.addEventListener("click", function () {
+    const searchTerm = searchInput.value.toLowerCase();
+    const results = artists.filter((artist) =>
+      artist.name.toLowerCase().includes(searchTerm)
+    );
 
-        displayResults(results);
-    });
+    displayResults(results);
+  });
+
+  function displayResults(results) {
+    // Pulisci il contenuto del contenitore
+    container.innerHTML = "";
 
-    function displayResults(results) {
-        // Pulisci il contenuto del contenitore
-        container.innerHTML = '';
+    // Mostra i risultati
+    results.forEach((artist) => {
+      const artistDiv = createArtistCard(artist);
+      container.appendChild(artistDiv);
+    });
+  }
 
-        // Mostra i risultati
-        results.forEach(artist => {
-            const artistDiv = createArtistCard(artist);
-            container.appendChild(artistDiv);
-        });
-    }
+  function createArtistCard(artist) {
+    const artistDiv = document.createElement("div");
+    artistDiv.classList.add("artist-card");
+    artistDiv.classList.add("coloreCerca");
 
-    function createArtistCard(artist) {
-        const artistDiv = document.createElement('div');
-        artistDiv.classList.add('artist-card');
-        artistDiv.classList.add('coloreCerca')
-    
-        artistDiv.innerHTML = `
-        <div>
-            <p class="pCastom">Artista: ${artist.name}</p>
-            <img src="${artist.image}" alt="${artist.name}" style="max-width: 100px;">
-            <button class="bottoneCerca" onclick="window.location.href='artistdetails.html?artistId=${artist.id}'">Dettagli</button>
-        </div>    
+    artistDiv.innerHTML = `
+    <div class="d-flex">
+    <div>
+      <img src="${artist.image}" alt="${artist.name}" style="max-width: 200px" class= "img-cerca"/>
+    </div>
+    <div class="d-flex flex-column mx-4">
+      <div>
+        <p class="pCastom">Artista: ${artist.name}</p>
+      </div>
+      <div class= "text-center">
+        <button class="bottoneCerca" onclick="searchArtist(${artist.id})">
+          Dettagli
+        </button>
+      </div>
+    </div>
+  </div>
         `;
-    
-        return artistDiv;
-    }
+
+    return artistDiv;
+  }
 });
diff --git a/home.html b/home.html
index a037e12..5db378a 100644
--- a/home.html
+++ b/home.html
@@ -236,7 +236,7 @@ <h2 class="text-white my-4 fw-bold fs-3">Buonasera</h2>
                               />
                             </div>
                             <h5 class="card-title text-white text-center mb-0">
-                              Death Usb
+                              Le Hit
                             </h5>
 
                             <div class="play">
@@ -255,25 +255,25 @@ <h5 class="card-title text-white text-center mb-0">
                           <div class="d-flex align-items-center">
                             <div class="d-flex flex-wrap w-50 h-100 p-0">
                               <img
-                                src="./assets/imgs/main/image-5.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/71383928f88da5ccc12b3048bb79a276/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 1"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-6.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/c744cb78d9321794e87a800c48e04331/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 2"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-7.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/37aa451db2c85b04d9ada3867cbe69a8/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 3"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-8.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/fcbd7ce9010d5e5205a2ce370dbd4382/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 4"
                                 style="width: 35%"
@@ -298,32 +298,32 @@ <h5 class="card-title text-white text-center mb-0">
                           <div class="d-flex align-items-center">
                             <div class="d-flex flex-wrap w-50 h-100 p-0">
                               <img
-                                src="./assets/imgs/main/image-9.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/a9f8d33b6fb532b158eff03738b01908/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 1"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-10.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/253910d80c6bc8f6b07f3fc3a6ab176f/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 2"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-11.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/34b5126ecff719e610eb01328ab50e58/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 3"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-12.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/36a235cefa62b28e95a364c46ed79190/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 4"
                                 style="width: 35%"
                               />
                             </div>
                             <h5 class="card-title text-white text-center mb-0">
-                              Cor Veleno
+                              Salmo
                             </h5>
                             <div class="play">
                               <a href="#" class="ps-5 text-success fs-3 text"
@@ -343,25 +343,25 @@ <h5 class="card-title text-white text-center mb-0">
                           <div class="d-flex align-items-center">
                             <div class="d-flex flex-wrap w-50 h-100 p-0">
                               <img
-                                src="./assets/imgs/main/image-13.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/fbd6a457215039f2e6e499c197f5abe5/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 1"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-14.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/72633c84838bb6a0d1bcfe6fe4293a70/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 2"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-15.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/9f2bbec85348e32ccbc8f745f727fdb7/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 3"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-16.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/6e5cd0a09ba4f958aed5ec176c87941d/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 4"
                                 style="width: 35%"
@@ -386,32 +386,32 @@ <h5 class="card-title text-white text-center mb-0">
                           <div class="d-flex align-items-center">
                             <div class="d-flex flex-wrap w-50 h-100 p-0">
                               <img
-                                src="./assets/imgs/main/image-17.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/0d9a24d054cbc5ab11843beed9f1422b/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 1"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-18.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/b6938db3addc3ccd9575d6d12220e466/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 2"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-19.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/be682506145061814eddee648edb7c59/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 3"
                                 style="width: 35%"
                               />
                               <img
-                                src="./assets/imgs/main/image-1.jpg"
+                                src="https://e-cdns-images.dzcdn.net/images/cover/8f4dd4d8abf85ceda96b6b4adf217590/56x56-000000-80-0-0.jpg"
                                 class="card-img-top"
                                 alt="Image 4"
                                 style="width: 35%"
                               />
                             </div>
                             <h5 class="card-title text-white text-center mb-0">
-                              Death Row
+                              Hip Hop USA
                             </h5>
                             <div class="play">
                               <a href="#" class="ps-5 text-success fs-3 text"
@@ -553,9 +553,7 @@ <h5 class="card-title fw-bold">Noyz Narcos</h5>
                       />
                       <div class="card-body flex-fill">
                         <h5 class="card-title fw-bold">In tendenza</h5>
-                        <p class="card-text small-font">
-                          Viral & Trending: le canzoni
-                        </p>
+                        <p class="card-text small-font">Viral & Trending</p>
                       </div>
                       <div class="play">
                         <a href="#" class="ps-5 text-success fs-3 text"
