diff --git a/core/modules/breakpoint/breakpoint.breakpoints.yml b/core/modules/breakpoint/breakpoint.breakpoints.yml
new file mode 100644
index 0000000..f46f6e9
--- /dev/null
+++ b/core/modules/breakpoint/breakpoint.breakpoints.yml
@@ -0,0 +1,7 @@
+breakpoint.all.viewport_sizing:
+  label: Viewport Sizing
+  mediaQuery: ''
+  weight: 0
+  multipliers:
+    - 1x
+  group: All Viewports
diff --git a/core/modules/breakpoint/src/Tests/BreakpointDiscoveryTest.php b/core/modules/breakpoint/src/Tests/BreakpointDiscoveryTest.php
index b39c2a8..1580d9c 100644
--- a/core/modules/breakpoint/src/Tests/BreakpointDiscoveryTest.php
+++ b/core/modules/breakpoint/src/Tests/BreakpointDiscoveryTest.php
@@ -192,6 +192,7 @@ public function testBreakpointGroups() {
       'breakpoint_module_test' => 'Breakpoint test module',
       'breakpoint_theme_test' => 'Breakpoint test theme',
       'breakpoint_theme_test.group2' => 'breakpoint_theme_test.group2',
+      'breakpoint.all' => 'All Viewports',
     );
     $breakpoint_groups = \Drupal::service('breakpoint.manager')->getGroups();
     // Ensure the order is as expected. Should be sorted by label.
diff --git a/core/modules/image/config/install/image.style.gigantic.yml b/core/modules/image/config/install/image.style.gigantic.yml
new file mode 100644
index 0000000..7ffe90b
--- /dev/null
+++ b/core/modules/image/config/install/image.style.gigantic.yml
@@ -0,0 +1,11 @@
+name: gigantic
+label: 'Gigantic (1920x1920)'
+effects:
+  9b311dd1-0351-45a1-9500-cd069e4670cb:
+    id: image_scale
+    data:
+      width: 1920
+      height: 1920
+      upscale: false
+    weight: 3
+    uuid: 9b311dd1-0351-45a1-9500-cd069e4670cb
diff --git a/core/modules/image/config/install/image.style.huge.yml b/core/modules/image/config/install/image.style.huge.yml
new file mode 100644
index 0000000..95a8c92
--- /dev/null
+++ b/core/modules/image/config/install/image.style.huge.yml
@@ -0,0 +1,11 @@
+name: huge
+label: 'Huge (960x960)'
+effects:
+  04caae9a-fa3e-4ea6-ae09-9c26aec7d308:
+    id: image_scale
+    data:
+      width: 960
+      height: 960
+      upscale: false
+    weight: 1
+    uuid: 04caae9a-fa3e-4ea6-ae09-9c26aec7d308
diff --git a/core/modules/responsive_image/config/install/responsive_image.styles.narrow.yml b/core/modules/responsive_image/config/install/responsive_image.styles.narrow.yml
new file mode 100644
index 0000000..c7aa6e1
--- /dev/null
+++ b/core/modules/responsive_image/config/install/responsive_image.styles.narrow.yml
@@ -0,0 +1,24 @@
+uuid: 8eb79e19-da57-4bd3-8304-4e0b5a147276
+status: true
+dependencies:
+  config:
+    - image.style.huge
+    - image.style.large
+    - image.style.medium
+  module:
+    - breakpoint
+id: narrow
+label: Narrow
+image_style_mappings:
+  -
+    breakpoint_id: breakpoint.all.viewport_sizing
+    multiplier: 1x
+    image_mapping_type: sizes
+    image_mapping:
+      sizes: '(min-width: 1290px) 325px, (min-width: 851px) 25vw, (min-width: 560px) 50vw, 100vw'
+      sizes_image_styles:
+        - huge
+        - large
+        - medium
+breakpoint_group: All Viewports
+fallback_image_style: medium
diff --git a/core/modules/responsive_image/config/install/responsive_image.styles.wide.yml b/core/modules/responsive_image/config/install/responsive_image.styles.wide.yml
new file mode 100644
index 0000000..e4880ae
--- /dev/null
+++ b/core/modules/responsive_image/config/install/responsive_image.styles.wide.yml
@@ -0,0 +1,26 @@
+uuid: 5cffd3ef-5656-4446-b200-b771d8076568
+status: true
+dependencies:
+  config:
+    - image.style.gigantic
+    - image.style.huge
+    - image.style.large
+    - image.style.medium
+  module:
+    - breakpoint
+id: wide
+label: Wide
+image_style_mappings:
+  -
+    breakpoint_id: breakpoint.all.viewport_sizing
+    multiplier: 1x
+    image_mapping_type: sizes
+    image_mapping:
+      sizes: '(min-width: 1290px) 1290px, 100vw'
+      sizes_image_styles:
+        - gigantic
+        - huge
+        - large
+        - medium
+breakpoint_group: All Viewports
+fallback_image_style: medium