Fix uncentered channel banner image

assets/css/channel.css

@@ -7,8 +7,8 @@
   flex-direction: column-reverse;
 
   height: calc(100vw / 6.2 - 1px);
-  background-size: cover !important;
-  background-repeat: no-repeat !important;
+  background-size: cover;
+  background-position: center;
 }
 
 #link-holder {

src/invidious/views/components/channel-information.ecr

@@ -1,6 +1,6 @@
 <% if channel.banner %>
     <div class="pure-g" id="channel-banner-container">
-        <div class="pure-u-1" id="banner" style='background: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'>
+        <div class="pure-u-1" id="banner" style='background-image: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'>
             <% if channel.links %>
                 <div id="link-holder">
                     <div id="link-widget-primary" class="link-widget-link">