From 5202ad7d7f8ca1b070b6a05117583a67e0a63fc9 Mon Sep 17 00:00:00 2001
From: Kjell Reigstad <kjell@kjellr.com>
Date: Mon, 20 Mar 2023 10:43:28 -0400
Subject: [PATCH] [Image with Text] Add ambient movement to image (#2385)

* Add ambient movement to image with text.

* Switch to global animation string declarations.

* Remove the old strings.

* Update header key for consistency.

* Update 17 translation files

* Update 3 translation files

* Update 18 translation files

* Update 2 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
---
 locales/cs.schema.json          | 24 +++++++++----------
 locales/da.schema.json          | 24 +++++++++----------
 locales/de.schema.json          | 24 +++++++++----------
 locales/en.default.schema.json  | 24 +++++++++----------
 locales/es.schema.json          | 24 +++++++++----------
 locales/fi.schema.json          | 24 +++++++++----------
 locales/fr.schema.json          | 24 +++++++++----------
 locales/it.schema.json          | 24 +++++++++----------
 locales/ja.schema.json          | 24 +++++++++----------
 locales/ko.schema.json          | 24 +++++++++----------
 locales/nb.schema.json          | 24 +++++++++----------
 locales/nl.schema.json          | 24 +++++++++----------
 locales/pl.schema.json          | 24 +++++++++----------
 locales/pt-BR.schema.json       | 24 +++++++++----------
 locales/pt-PT.schema.json       | 24 +++++++++----------
 locales/sv.schema.json          | 24 +++++++++----------
 locales/th.schema.json          | 24 +++++++++----------
 locales/tr.schema.json          | 24 +++++++++----------
 locales/vi.schema.json          | 24 +++++++++----------
 locales/zh-CN.schema.json       | 24 +++++++++----------
 locales/zh-TW.schema.json       | 24 +++++++++----------
 sections/image-banner.liquid    |  8 +++----
 sections/image-with-text.liquid | 41 ++++++++++++++++++++++++++++-----
 23 files changed, 291 insertions(+), 262 deletions(-)

diff --git a/locales/cs.schema.json b/locales/cs.schema.json
index 4e2125fa3a9..6f285e3cf41 100644
--- a/locales/cs.schema.json
+++ b/locales/cs.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra velká"
         }
+      },
+      "animation": {
+        "content": "Animace",
+        "image_behavior": {
+          "options__1": {
+            "label": "Žádné"
+          },
+          "options__2": {
+            "label": "Krouživý pohyb"
+          },
+          "label": "Chování obrázku"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Zarovnání obsahu v mobilním prostředí"
         },
-        "animations": {
-          "content": "Animace"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Žádné"
-          },
-          "options__2": {
-            "label": "Krouživý pohyb"
-          },
-          "label": "Chování obrázku"
-        },
         "mobile": {
           "content": "Mobilní rozvržení"
         }
diff --git a/locales/da.schema.json b/locales/da.schema.json
index caa23122bd2..89789481cc5 100644
--- a/locales/da.schema.json
+++ b/locales/da.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Ekstra stor"
         }
+      },
+      "animation": {
+        "content": "Animationer",
+        "image_behavior": {
+          "options__1": {
+            "label": "Ingen"
+          },
+          "options__2": {
+            "label": "Omgivende bevægelse"
+          },
+          "label": "Billedadfærd"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Justering af indhold på mobil"
         },
-        "animations": {
-          "content": "Animationer"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Ingen"
-          },
-          "options__2": {
-            "label": "Omgivende bevægelse"
-          },
-          "label": "Billedadfærd"
-        },
         "mobile": {
           "content": "Mobillayout"
         }
diff --git a/locales/de.schema.json b/locales/de.schema.json
index b5a3210aa51..07de3e4ddf3 100644
--- a/locales/de.schema.json
+++ b/locales/de.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra groß"
         }
+      },
+      "animation": {
+        "content": "Animationen",
+        "image_behavior": {
+          "options__1": {
+            "label": "Keine(r)"
+          },
+          "options__2": {
+            "label": "Atmosphärische Bewegung"
+          },
+          "label": "Bildverhalten"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Mobile Inhaltsausrichtung"
         },
-        "animations": {
-          "content": "Animationen"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Keins"
-          },
-          "options__2": {
-            "label": "Atmosphärische Bewegung"
-          },
-          "label": "Bildverhalten"
-        },
         "mobile": {
           "content": "Mobiles Layout"
         }
diff --git a/locales/en.default.schema.json b/locales/en.default.schema.json
index ea69539d467..612ace20c5e 100644
--- a/locales/en.default.schema.json
+++ b/locales/en.default.schema.json
@@ -386,6 +386,18 @@
   },
   "sections": {
     "all": {
+      "animation": {
+        "content": "Animations",
+        "image_behavior": {
+          "options__1": {
+            "label": "None"
+          },
+          "options__2": {
+            "label": "Ambient movement"
+          },
+          "label": "Image behavior"
+        }
+      },
       "padding": {
         "section_padding_heading": "Section padding",
         "padding_top": "Top padding",
@@ -1170,18 +1182,6 @@
         "color_scheme": {
           "info": "Visible when container displayed."
         },
-        "animations": {
-          "content": "Animations"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "None"
-          },
-          "options__2": {
-            "label": "Ambient movement"
-          },
-          "label": "Image behavior"
-        },
         "mobile": {
           "content": "Mobile Layout"
         },
diff --git a/locales/es.schema.json b/locales/es.schema.json
index 9b365f57d30..3f8fdd78054 100644
--- a/locales/es.schema.json
+++ b/locales/es.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra grande"
         }
+      },
+      "animation": {
+        "content": "Animaciones",
+        "image_behavior": {
+          "options__1": {
+            "label": "Ninguna"
+          },
+          "options__2": {
+            "label": "Movimiento de ambiente"
+          },
+          "label": "Comportamiento de la imagen"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Alineación del contenido en el móvil"
         },
-        "animations": {
-          "content": "Animaciones"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Ninguno"
-          },
-          "options__2": {
-            "label": "Movimiento de ambiente"
-          },
-          "label": "Comportamiento de la imagen"
-        },
         "mobile": {
           "content": "Diseño para móviles"
         }
diff --git a/locales/fi.schema.json b/locales/fi.schema.json
index 953fae3d25b..b76a0c63bb8 100644
--- a/locales/fi.schema.json
+++ b/locales/fi.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Erittäin suuri"
         }
+      },
+      "animation": {
+        "content": "Animaatiot",
+        "image_behavior": {
+          "options__1": {
+            "label": "Ei mitään"
+          },
+          "options__2": {
+            "label": "Ympäristön liike"
+          },
+          "label": "Kuvan käyttäytyminen"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Mobiilisisällön tasaus"
         },
-        "animations": {
-          "content": "Animaatiot"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Ei mitään"
-          },
-          "options__2": {
-            "label": "Ympäristön liike"
-          },
-          "label": "Kuvan käyttäytyminen"
-        },
         "mobile": {
           "content": "Mobiilipohja"
         }
diff --git a/locales/fr.schema.json b/locales/fr.schema.json
index 42a8e41faa0..c2c5e8a684c 100644
--- a/locales/fr.schema.json
+++ b/locales/fr.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Très grand"
         }
+      },
+      "animation": {
+        "content": "Animations",
+        "image_behavior": {
+          "options__1": {
+            "label": "Aucun"
+          },
+          "options__2": {
+            "label": "Mouvement ambiant"
+          },
+          "label": "Comportement de l’image"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Alignement du contenu sur mobile"
         },
-        "animations": {
-          "content": "Animations"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Aucun"
-          },
-          "options__2": {
-            "label": "Mouvement ambiant"
-          },
-          "label": "Comportement de l’image"
-        },
         "mobile": {
           "content": "Mise en page sur mobile"
         }
diff --git a/locales/it.schema.json b/locales/it.schema.json
index 9e75cbd8407..86e23fffaa5 100644
--- a/locales/it.schema.json
+++ b/locales/it.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra large"
         }
+      },
+      "animation": {
+        "content": "Animazioni",
+        "image_behavior": {
+          "options__1": {
+            "label": "Nessuno"
+          },
+          "options__2": {
+            "label": "Scorrimento lento"
+          },
+          "label": "Comportamento delle immagini"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Allineamento contenuto su dispositivi mobili"
         },
-        "animations": {
-          "content": "Animazioni"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Nessuno"
-          },
-          "options__2": {
-            "label": "Scorrimento lento"
-          },
-          "label": "Comportamento delle immagini"
-        },
         "mobile": {
           "content": "Layout dispositivo mobile"
         }
diff --git a/locales/ja.schema.json b/locales/ja.schema.json
index 57d3afa1014..f203fb02b44 100644
--- a/locales/ja.schema.json
+++ b/locales/ja.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "特大"
         }
+      },
+      "animation": {
+        "content": "アニメーション",
+        "image_behavior": {
+          "options__1": {
+            "label": "なし"
+          },
+          "options__2": {
+            "label": "周囲の挙動"
+          },
+          "label": "画像の挙動"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "モバイルのコンテンツアライメント"
         },
-        "animations": {
-          "content": "アニメーション"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "なし"
-          },
-          "options__2": {
-            "label": "周囲の挙動"
-          },
-          "label": "画像の挙動"
-        },
         "mobile": {
           "content": "モバイルのレイアウト"
         }
diff --git a/locales/ko.schema.json b/locales/ko.schema.json
index f7a522f6baa..e4956ad8d54 100644
--- a/locales/ko.schema.json
+++ b/locales/ko.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "특대"
         }
+      },
+      "animation": {
+        "content": "애니메이션",
+        "image_behavior": {
+          "options__1": {
+            "label": "없음"
+          },
+          "options__2": {
+            "label": "잔잔한 움직임"
+          },
+          "label": "이미지 동작"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "모바일 콘텐츠 정렬"
         },
-        "animations": {
-          "content": "애니메이션"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "없음"
-          },
-          "options__2": {
-            "label": "잔잔한 움직임"
-          },
-          "label": "이미지 동작"
-        },
         "mobile": {
           "content": "모바일 레이아웃"
         }
diff --git a/locales/nb.schema.json b/locales/nb.schema.json
index dfffea794a2..073dce24371 100644
--- a/locales/nb.schema.json
+++ b/locales/nb.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Ekstra stort"
         }
+      },
+      "animation": {
+        "content": "Animasjoner",
+        "image_behavior": {
+          "options__1": {
+            "label": "Ingen"
+          },
+          "options__2": {
+            "label": "Bevegelse i omgivelsene"
+          },
+          "label": "Bildeatferd"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Innholdsjustering på mobiltelefon"
         },
-        "animations": {
-          "content": "Animasjoner"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Ingen"
-          },
-          "options__2": {
-            "label": "Bevegelse i omgivelsene"
-          },
-          "label": "Bildeatferd"
-        },
         "mobile": {
           "content": "Mobillayout"
         }
diff --git a/locales/nl.schema.json b/locales/nl.schema.json
index 0c4575093df..295337f8376 100644
--- a/locales/nl.schema.json
+++ b/locales/nl.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra groot"
         }
+      },
+      "animation": {
+        "content": "Animaties",
+        "image_behavior": {
+          "options__1": {
+            "label": "Geen"
+          },
+          "options__2": {
+            "label": "Bewegingen van de omgeving"
+          },
+          "label": "Gedrag van afbeeldingen"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Uitlijning van content op mobiel"
         },
-        "animations": {
-          "content": "Animaties"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Geen"
-          },
-          "options__2": {
-            "label": "Bewegingen van de omgeving"
-          },
-          "label": "Gedrag van afbeeldingen"
-        },
         "mobile": {
           "content": "Opmaak op mobiel"
         }
diff --git a/locales/pl.schema.json b/locales/pl.schema.json
index c48d824c712..a4efcefe191 100644
--- a/locales/pl.schema.json
+++ b/locales/pl.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Bardzo duży"
         }
+      },
+      "animation": {
+        "content": "Animacje",
+        "image_behavior": {
+          "options__1": {
+            "label": "Brak"
+          },
+          "options__2": {
+            "label": "Ruch otoczenia"
+          },
+          "label": "Zachowanie obrazu"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Wyrównanie treści na urządzeniu mobilnym"
         },
-        "animations": {
-          "content": "Animacje"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Brak"
-          },
-          "options__2": {
-            "label": "Ruch otoczenia"
-          },
-          "label": "Zachowanie obrazu"
-        },
         "mobile": {
           "content": "Układ na urządzeniu mobilnym"
         }
diff --git a/locales/pt-BR.schema.json b/locales/pt-BR.schema.json
index 7c0ea803ced..0143f8605ef 100644
--- a/locales/pt-BR.schema.json
+++ b/locales/pt-BR.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra grande"
         }
+      },
+      "animation": {
+        "content": "Animações",
+        "image_behavior": {
+          "options__1": {
+            "label": "Nenhuma"
+          },
+          "options__2": {
+            "label": "Movimentação do ambiente"
+          },
+          "label": "Comportamento da imagem"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Alinhamento de conteúdo em dispositivos móveis"
         },
-        "animations": {
-          "content": "Animações"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Nenhum"
-          },
-          "options__2": {
-            "label": "Movimentação do ambiente"
-          },
-          "label": "Comportamento da imagem"
-        },
         "mobile": {
           "content": "Layout em dispositivos móveis"
         }
diff --git a/locales/pt-PT.schema.json b/locales/pt-PT.schema.json
index 8763f389b3a..a2cee53f990 100644
--- a/locales/pt-PT.schema.json
+++ b/locales/pt-PT.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra grande"
         }
+      },
+      "animation": {
+        "content": "Animações",
+        "image_behavior": {
+          "options__1": {
+            "label": "Nenhum"
+          },
+          "options__2": {
+            "label": "Movimento de ambiente"
+          },
+          "label": "Comportamento da imagem"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Alinhamento do conteúdo em dispositivos móveis"
         },
-        "animations": {
-          "content": "Animações"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Nenhum"
-          },
-          "options__2": {
-            "label": "Movimento de ambiente"
-          },
-          "label": "Comportamento da imagem"
-        },
         "mobile": {
           "content": "Esquema para dispositivo móvel"
         }
diff --git a/locales/sv.schema.json b/locales/sv.schema.json
index 924dc4b3186..5be68f7ccc6 100644
--- a/locales/sv.schema.json
+++ b/locales/sv.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Extra stor"
         }
+      },
+      "animation": {
+        "content": "Animeringar",
+        "image_behavior": {
+          "options__1": {
+            "label": "Inga"
+          },
+          "options__2": {
+            "label": "Omgivande rörelse"
+          },
+          "label": "Bildbeteende"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Linjering av innehåll på mobil"
         },
-        "animations": {
-          "content": "Animeringar"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Inga"
-          },
-          "options__2": {
-            "label": "Omgivande rörelse"
-          },
-          "label": "Bildbeteende"
-        },
         "mobile": {
           "content": "Mobil layout"
         }
diff --git a/locales/th.schema.json b/locales/th.schema.json
index 7b560e14e3c..45dade4a54b 100644
--- a/locales/th.schema.json
+++ b/locales/th.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "ขนาดใหญ่พิเศษ"
         }
+      },
+      "animation": {
+        "content": "ภาพเคลื่อนไหว",
+        "image_behavior": {
+          "options__1": {
+            "label": "ไม่มี"
+          },
+          "options__2": {
+            "label": "การเคลื่อนไหวแวดล้อม"
+          },
+          "label": "พฤติกรรมภาพ"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "การจัดวางเนื้อหาบนมือถือ"
         },
-        "animations": {
-          "content": "ภาพเคลื่อนไหว"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "ไม่มี"
-          },
-          "options__2": {
-            "label": "การเคลื่อนไหวแวดล้อม"
-          },
-          "label": "พฤติกรรมภาพ"
-        },
         "mobile": {
           "content": "เลย์เอาต์สำหรับมือถือ"
         }
diff --git a/locales/tr.schema.json b/locales/tr.schema.json
index 7de3d334353..9d5b3a34bcb 100644
--- a/locales/tr.schema.json
+++ b/locales/tr.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Çok büyük"
         }
+      },
+      "animation": {
+        "content": "Animasyonlar",
+        "image_behavior": {
+          "options__1": {
+            "label": "Yok"
+          },
+          "options__2": {
+            "label": "Ortam içinde hareket"
+          },
+          "label": "Görsel davranışı"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Mobil içerik hizalaması"
         },
-        "animations": {
-          "content": "Animasyonlar"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Yok"
-          },
-          "options__2": {
-            "label": "Ortam içinde hareket"
-          },
-          "label": "Görsel davranışı"
-        },
         "mobile": {
           "content": "Mobil Düzen"
         }
diff --git a/locales/vi.schema.json b/locales/vi.schema.json
index 5db679ad119..60dfdb84269 100644
--- a/locales/vi.schema.json
+++ b/locales/vi.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "Cực lớn"
         }
+      },
+      "animation": {
+        "content": "Hiệu ứng động",
+        "image_behavior": {
+          "options__1": {
+            "label": "Không"
+          },
+          "options__2": {
+            "label": "Chuyển động xung quanh"
+          },
+          "label": "Hành vi của ảnh"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "Căn chỉnh nội dung trên thiết bị di động"
         },
-        "animations": {
-          "content": "Hiệu ứng động"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "Không"
-          },
-          "options__2": {
-            "label": "Chuyển động xung quanh"
-          },
-          "label": "Hành vi của ảnh"
-        },
         "mobile": {
           "content": "Bố cục trên thiết bị di động"
         }
diff --git a/locales/zh-CN.schema.json b/locales/zh-CN.schema.json
index 2be231b207e..8f45e1956ce 100644
--- a/locales/zh-CN.schema.json
+++ b/locales/zh-CN.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "特大"
         }
+      },
+      "animation": {
+        "content": "动画",
+        "image_behavior": {
+          "options__1": {
+            "label": "无"
+          },
+          "options__2": {
+            "label": "环境移动"
+          },
+          "label": "图片行为"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "移动设备内容对齐方式"
         },
-        "animations": {
-          "content": "动画"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "无"
-          },
-          "options__2": {
-            "label": "环境移动"
-          },
-          "label": "图片行为"
-        },
         "mobile": {
           "content": "移动设备布局"
         }
diff --git a/locales/zh-TW.schema.json b/locales/zh-TW.schema.json
index baa7e403763..62f5ad20397 100644
--- a/locales/zh-TW.schema.json
+++ b/locales/zh-TW.schema.json
@@ -425,6 +425,18 @@
         "options__4": {
           "label": "超大型"
         }
+      },
+      "animation": {
+        "content": "動畫",
+        "image_behavior": {
+          "options__1": {
+            "label": "無"
+          },
+          "options__2": {
+            "label": "緩慢移動"
+          },
+          "label": "圖片行為"
+        }
       }
     },
     "announcement-bar": {
@@ -1043,18 +1055,6 @@
           },
           "label": "行動版內容對齊方式"
         },
-        "animations": {
-          "content": "動畫"
-        },
-        "image_behavior": {
-          "options__1": {
-            "label": "無"
-          },
-          "options__2": {
-            "label": "緩慢移動"
-          },
-          "label": "圖片行為"
-        },
         "mobile": {
           "content": "行動版版面配置"
         }
diff --git a/sections/image-banner.liquid b/sections/image-banner.liquid
index d79d28ee37f..114838428d9 100644
--- a/sections/image-banner.liquid
+++ b/sections/image-banner.liquid
@@ -308,7 +308,7 @@
     },
     {
       "type": "header",
-      "content": "t:sections.image-banner.settings.animations.content"
+      "content": "t:sections.all.animation.content"
     },
     {
       "type": "select",
@@ -316,15 +316,15 @@
       "options": [
         {
           "value": "none",
-          "label": "t:sections.image-banner.settings.image_behavior.options__1.label"
+          "label": "t:sections.all.animation.image_behavior.options__1.label"
         },
         {
           "value": "ambient",
-          "label": "t:sections.image-banner.settings.image_behavior.options__2.label"
+          "label": "t:sections.all.animation.image_behavior.options__2.label"
         }
       ],
       "default": "none",
-      "label": "t:sections.image-banner.settings.image_behavior.label"
+      "label": "t:sections.all.animation.image_behavior.label"
     },
     {
       "type": "header",
diff --git a/sections/image-with-text.liquid b/sections/image-with-text.liquid
index c6e9570a47d..68517374ba7 100644
--- a/sections/image-with-text.liquid
+++ b/sections/image-with-text.liquid
@@ -18,20 +18,29 @@
   <div class="image-with-text__grid grid grid--gapless grid--1-col grid--{% if section.settings.desktop_image_width == 'medium' %}2-col-tablet{% else %}3-col-tablet{% endif %}{% if section.settings.layout == 'text_first' %} image-with-text__grid--reverse{% endif %}">
     <div class="image-with-text__media-item image-with-text__media-item--{{ section.settings.desktop_image_width }} image-with-text__media-item--{{ section.settings.desktop_content_position }} grid__item">
       <div
-        class="image-with-text__media image-with-text__media--{{ section.settings.height }} gradient color-{{ section.settings.color_scheme }} global-media-settings {% if section.settings.image != blank %}media{% else %}image-with-text__media--placeholder placeholder{% endif %}"
+        class="image-with-text__media image-with-text__media--{{ section.settings.height }} gradient color-{{ section.settings.color_scheme }} global-media-settings {% if section.settings.image != blank %}media{% else %}image-with-text__media--placeholder placeholder{% endif %}{% if section.settings.image_behavior != 'none' %} animate--{{ section.settings.image_behavior }}{% endif %}"
         {% if section.settings.height == 'adapt' and section.settings.image != blank %}
           style="padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;"
         {% endif %}
       >
         {%- if section.settings.image != blank -%}
-          {%- capture sizes -%}
-            (min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px,
-            (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)
-          {%- endcapture -%}
+          {%- if section.settings.image_behavior == 'ambient' -%}
+            {%- assign widths = '198, 432, 642, 900, 1284, 1800' -%}
+            {%- capture sizes -%}
+              (min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 1.6667 }}px,
+              (min-width: 750px) calc((100vw - 130px) / 1.667), calc((100vw - 50px) / 1.667)
+            {%- endcapture -%}
+          {%- else -%}
+            {%- assign widths = '165, 360, 535, 750, 1070, 1500' -%}
+            {%- capture sizes -%}
+              (min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px,
+              (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)
+            {%- endcapture -%}
+          {%- endif -%}
           {{
             section.settings.image
             | image_url: width: 1500
-            | image_tag: loading: 'lazy', sizes: sizes, widths: '165, 360, 535, 750, 1070, 1500'
+            | image_tag: loading: 'lazy', sizes: sizes, widths: widths
           }}
         {%- else -%}
           {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
@@ -243,6 +252,26 @@
       "default": "background-1",
       "label": "t:sections.all.colors.label"
     },
+    {
+      "type": "header",
+      "content": "t:sections.all.animation.content"
+    },
+    {
+      "type": "select",
+      "id": "image_behavior",
+      "options": [
+        {
+          "value": "none",
+          "label": "t:sections.all.animation.image_behavior.options__1.label"
+        },
+        {
+          "value": "ambient",
+          "label": "t:sections.all.animation.image_behavior.options__2.label"
+        }
+      ],
+      "default": "none",
+      "label": "t:sections.all.animation.image_behavior.label"
+    },
     {
       "type": "header",
       "content": "Mobile layout"