Kh/ebi jobs tweaks

These are scoped to the EBI jobs, but also bring in template and component updates for the whole jobs microsite.

src/site/position/index.njk

@@ -280,14 +280,19 @@ embl_content_meta_properties:
     {% endmarkdown %}
   </div>
   {% if currentJob.field_jobs_duty_station | striptags == "EMBL-EBI Hinxton" %}
-    {% if '5-6' in currentJob.field_jobs_advertise_grade and 'Software Development and Engineering' in currentJob.field_jobs_type %} 
-    <div class="vf-content">
+    <article class="vf-video-teaser__item | vf-stack vf-stack--400 | vf-content">
       <h2>&nbsp;<!-- offset --></h2>
-      <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/gXDLvQgF8Hw' frameborder='0' allowfullscreen></iframe></div>
-      <h4><a href="https://www.youtube.com/watch?v=gXDLvQgF8Hw">Developers at EMBL-EBI</a></h4>
-      <p>What it is like to be a developer at EMBL-EBI?</p>
-    </div>
-    {% endif %}
+      <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
+      {% if '5-6' in currentJob.field_jobs_advertise_grade and 'Software Development and Engineering' in currentJob.field_jobs_type %} 
+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/gXDLvQgF8Hw' frameborder='0' allowfullscreen></iframe></div>
+        <h4 class="vf-video-teaser__link vf-link"><a href="https://www.youtube.com/watch?v=gXDLvQgF8Hw">Developers at EMBL-EBI</a></h4>
+        <p class="vf-video-teaser__link">What it is like to be a developer at EMBL-EBI?</p>
+      {% else %}
+        <div class='embed-container'><iframe src='https://www.youtube.com/embed/cABhbUHsKIk' frameborder='0' allowfullscreen></iframe></div>
+        <h4 class="vf-video-teaser__link vf-link"><a href="https://www.youtube.com/watch?v=cABhbUHsKIk">Working at EMBL-EBI</a></h4>
+        <p class="vf-video-teaser__link">Join our diverse team and help power the next generation of discoveries in the life sciences.</p>
+      {% endif %}
+    </article>
   {% endif %}
 </section>