diff --git a/docs/model_evaluation/index.md b/docs/model_evaluation/index.md
index 23cbc1870..3984a1e51 100644
--- a/docs/model_evaluation/index.md
+++ b/docs/model_evaluation/index.md
@@ -50,19 +50,19 @@ Here, we provide catalogs and pointers to [observational data](./model_evaluatio
 
 <div class="card-container">
     <a href="model_evaluation_on_gadi/model_evaluation_on_gadi_ilamb" class="squared-card default-text-color">
-        <div class="squared-card-image-container">
+        <div class="docs/model_evaluation/model_evaluation_on_gadi/index.md-card-image-container">
             <img src="../assets/model_evaluation/logo_ilamb.png" alt="ILAMB"></img>
         </div>
         <div class="squared-card-text-container bold">ILAMB</div>
     </a>
     <a href="model_evaluation_on_gadi/model_evaluation_on_gadi_esmvaltool" class="squared-card default-text-color">
-        <div class="squared-card-image-container">
+        <div class="docs/model_evaluation/model_evaluation_on_gadi/index.md-card-image-container">
             <img src="../assets/model_evaluation/logo_esmvaltool.png" alt="ESMValTool"></img>
         </div>
         <div class="squared-card-text-container bold">ESMValTool</div>
     </a>
     <a href="model_evaluation_on_gadi/model_evaluation_on_gadi_pangeo_cosima" class="squared-card default-text-color">
-        <div class="squared-card-image-container">
+        <div class="docs/model_evaluation/model_evaluation_on_gadi/index.md-card-image-container">
             <img src="../assets/model_evaluation/logo_cosima.png" alt="Pangeo/COSIMA"></img>
         </div>
         <div class="squared-card-text-container bold">COSIMA cookbook</div>
diff --git a/docs/model_evaluation/model_evaluation_observational_catalogs.md b/docs/model_evaluation/model_evaluation_observational_catalogs.md
index e558156dd..84ee57f53 100644
--- a/docs/model_evaluation/model_evaluation_observational_catalogs.md
+++ b/docs/model_evaluation/model_evaluation_observational_catalogs.md
@@ -6,7 +6,7 @@ You can search the available data collections on the NCI Data Collections websit
 
 <div class="card-container">
     <a href="https://geonetwork.nci.org.au/geonetwork/srv/eng/catalog.search#/search" target="_blank" class="squared-card default-text-color">
-        <div class="squared-card-image">
+        <div class="aspect1to2-card-image">
             <img src="../../assets/model_evaluation/logo_nci_data_catalogs.png" alt="NCI Data Collections"></img>
         </div>
         <div class="squared-card-text bold">NCI Data Collections</div>
diff --git a/docs/model_evaluation/model_evaluation_on_gadi/index.md b/docs/model_evaluation/model_evaluation_on_gadi/index.md
index 2896e5ed3..794e7fd9b 100644
--- a/docs/model_evaluation/model_evaluation_on_gadi/index.md
+++ b/docs/model_evaluation/model_evaluation_on_gadi/index.md
@@ -6,19 +6,19 @@ At the moment, we are actively supporting:
 
 <div class="card-container">
     <a href="../model_evaluation_on_gadi/model_evaluation_on_gadi_ilamb" class="squared-card default-text-color">
-        <div class="squared-card-image-container">
+        <div class="aspect1to2-card-image-container">
             <img src="../../assets/model_evaluation/logo_ilamb.png" alt="ILAMB"></img>
         </div>
         <div class="squared-card-text-container bold">ILAMB</div>
     </a>
     <a href="../model_evaluation_on_gadi/model_evaluation_on_gadi_esmvaltool" class="squared-card default-text-color">
-        <div class="squared-card-image-container">
+        <div class="aspect1to2-card-image-container">
             <img src="../../assets/model_evaluation/logo_esmvaltool.png" alt="ESMValTool"></img>
         </div>
         <div class="squared-card-text-container bold">ESMValTool</div>
     </a>
     <a href="../model_evaluation_on_gadi/model_evaluation_on_gadi_pangeo_cosima" class="squared-card default-text-color">
-        <div class="squared-card-image-container">
+        <div class="aspect1to2-card-image-container">
             <img src="../../assets/model_evaluation/logo_cosima.png" alt="Pangeo/COSIMA"></img>
         </div>
         <div class="squared-card-text-container bold">COSIMA cookbook</div>