diff --git a/public/assets/css/geant.css b/public/assets/css/geant.css
index 5761e28..559ed42 100644
--- a/public/assets/css/geant.css
+++ b/public/assets/css/geant.css
@@ -4,6 +4,12 @@ body {
   background-color: #ddd;
 }
 
+#header {
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 14rem;
+}
+
 div.wrap {
     margin-left: 2%;
     margin-right: 2%;
diff --git a/public/assets/js/geant.js b/public/assets/js/geant.js
new file mode 100644
index 0000000..909d485
--- /dev/null
+++ b/public/assets/js/geant.js
@@ -0,0 +1,6 @@
+ready(function () {
+    window.onpageshow = function () {
+        var header = document.getElementById("header");
+        header.style.backgroundImage = header.getAttribute("data-img");
+    }
+});
diff --git a/src/ThemeTncController.php b/src/ThemeTncController.php
index ec6da01..995b824 100644
--- a/src/ThemeTncController.php
+++ b/src/ThemeTncController.php
@@ -22,7 +22,6 @@ public function display(array &$data): void
         $tncs = $moduleConfig->getArray('tncs');
         $tnc_pics = $moduleConfig->getArray('tnc_pics');
 
-        $tnc_pics_dir = Module::getModuleDir('geant') . '/public/assets/gfx';
         $pic = $tnc_pics[rand(0,count($tnc_pics)-1)];
 
         $tnc_year = substr($pic['filename'], 3, 4);
@@ -39,5 +38,4 @@ public function display(array &$data): void
         $data['copyright'] = $pic['copyright'];
         $data['original_url'] = $pic['original_url'];
     }
-
 }
diff --git a/themes/tnc/default/_header.twig b/themes/tnc/default/_header.twig
index 55b895e..aba67c5 100644
--- a/themes/tnc/default/_header.twig
+++ b/themes/tnc/default/_header.twig
@@ -2,16 +2,12 @@
 <link rel="stylesheet" href="{{ asset('css/geant.css', 'geant') }}">
 {% endblock %}
 {% set hideLanguageBar = true %}
-<header id="header" style="
-    background:url('{{ asset('gfx/' ~ tnc_pic , 'geant') }}');
-    background-repeat: no-repeat;
-      background-size: cover;
-      height: 14rem;">
+<header id="header" data-img="url('/public/assets/gfx/{{ tng_img }}')">
   <div class="wrap">
-<img id="geant" src="{{ asset('gfx/geant-logo-white.svg', 'geant') }}" alt="GÉANT logo"/>
-<p class="credits">
-    Picture from <a title="Go to {% if 'web.archive.org' in tnc_url %}an archived copy of {% endif %}the {{ tnc_name }} website" href="{{ tnc_url }}">{{ tnc_name }}</a> in {{ tnc_location|e }} &copy; {{ copyright|e }}
-</p>
+    <img id="geant" src="{{ asset('gfx/geant-logo-white.svg', 'geant') }}" alt="GÉANT logo">
+    <p class="credits">
+        Picture from <a title="Go to {% if 'web.archive.org' in tnc_url %}an archived copy of {% endif %}the {{ tnc_name }} website" href="{{ tnc_url }}">{{ tnc_name }}</a> in {{ tnc_location|e }} &copy; {{ copyright|e }}
+    </p>
     {% if not hideLanguageBar %}
     <div class="menuspace">
       <a href="" id="menuLink" class="menu-link hide-for-large">