chore: use new image class

canonical · Jul 4, 2024 · e2cc927 · e2cc927
1 parent 37b70aa
commit e2cc927
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -18,14 +18,15 @@ <h1>Take control of your large-scale Juju deployments</h1>
         <button data-js="open-modal-control" class="p-button--positive">Contact us</button>
       </div>
     </div>
-    <div class="u-fixed-width u-align--center u-hide--medium u-hide--small">
+    <div class="p-image-container--cinematic u-hide--medium u-hide--small">
       {{ image(
           url="https://assets.ubuntu.com/v1/395ce1cf-JAAS%20Diagram.svg",
           alt="",
           height="674",
           width="1232",
           hi_def=True,
           loading="auto",
+          attrs={ "class": "p-image-container__image", },
         ) | safe
       }}
     </div>
@@ -261,7 +262,7 @@ <h3 class="p-heading--5">Shallow learning curve</h3>
     </div>
   </section>
   <div class="u-fixed-width">
-    <div class="p-image-container u-sv1 u-align--center u-hide--medium u-hide--small">
+    <div class="p-image-container--cinematic u-hide--medium u-hide--small">
       {{ image(
             url="https://assets.ubuntu.com/v1/b6442458-JAAS%20illustration.svg",
             alt="",