diff --git a/html/channel.ejs b/html/channel.ejs
index ede2f939..f8e33f4a 100644
--- a/html/channel.ejs
+++ b/html/channel.ejs
@@ -645,12 +645,17 @@ height: 100%;
     
           <% if (!isMobile) { %>  
             <div class="channel-info-container" style="text-align: center;">
+              
+<% if (j?.Channel?.Metadata?.Banners.Thumbnail) { %>
+    <% for (let i = 5; i >= 1; i--) { %>
+        <% if (j.Channel.Metadata.Banners.Thumbnail[i]?.['$t']) { %>
+            <img src="<%- media_proxy_url %>/proxy?url=<%= j.Channel.Metadata.Banners.Thumbnail[i].$t %>" style="height: 30em; object-fit: cover; pointer-events: none;" id="thumbnail_version_<%= i %>">
+            <% break; %>
+        <% } %>
+    <% } %>
+<% } %>
 
-        <% if (j?.Channel?.Metadata?.Banners.Thumbnail) { %>
 
-          <img src="<%- media_proxy_url %>/proxy?url=<%=j.Channel?.Metadata.Banners.Thumbnail[2].$t%>" style="height: 30em;object-fit: cover;pointer-events:none;">
-           <% } %>
-                               
 <div class="channel-info" style="margin-bottom: 3em;margin-left:2em;margin-top: -11em;">
 		<a href="/avatars/<%=j.Channel?.Metadata.Avatars.Thumbnail?.$t.replace("https://yt3.googleusercontent.com/", "")%>" class="avatar">
 				<img src="/avatars/<%=j.Channel?.Metadata.Avatars.Thumbnail?.$t.replace("https://yt3.googleusercontent.com/", "")%>" alt="Channel Avatar" style="border: 1px solid gray;border-radius: 50%;">