diff --git a/core/modules/responsive_image/config/install/image.style.max_1120x1120.yml b/core/modules/responsive_image/config/install/image.style.max_1120x1120.yml
new file mode 100644
index 0000000..9272068
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_1120x1120.yml
@@ -0,0 +1,11 @@
+name: max_1120x1120
+label: 'Max 1120x1120'
+effects:
+  1d1aec51-ed9a-4418-b405-05eecc4a582a:
+    id: image_scale
+    data:
+      width: 1120
+      height: 1120
+      upscale: true
+    weight: 1
+    uuid: 1d1aec51-ed9a-4418-b405-05eecc4a582a
diff --git a/core/modules/responsive_image/config/install/image.style.max_1300x1300.yml b/core/modules/responsive_image/config/install/image.style.max_1300x1300.yml
new file mode 100644
index 0000000..5f48c93
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_1300x1300.yml
@@ -0,0 +1,11 @@
+name: max_1300x1300
+label: 'Max 1300x1300'
+effects:
+  04caae9a-fa3e-4ea6-ae09-9c26aec7d308:
+    id: image_scale
+    data:
+      width: 1300
+      height: 1300
+      upscale: false
+    weight: 1
+    uuid: 04caae9a-fa3e-4ea6-ae09-9c26aec7d308
diff --git a/core/modules/responsive_image/config/install/image.style.max_1720x1720.yml b/core/modules/responsive_image/config/install/image.style.max_1720x1720.yml
new file mode 100644
index 0000000..8ed17bd
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_1720x1720.yml
@@ -0,0 +1,11 @@
+name: max_1720x1720
+label: 'Max 1720x1720'
+effects:
+  94c1c1ab-1ced-435c-aa30-48b3250d61d8:
+    id: image_scale
+    data:
+      width: 1720
+      height: 1720
+      upscale: true
+    weight: 1
+    uuid: 94c1c1ab-1ced-435c-aa30-48b3250d61d8
diff --git a/core/modules/responsive_image/config/install/image.style.max_215x215.yml b/core/modules/responsive_image/config/install/image.style.max_215x215.yml
new file mode 100644
index 0000000..4fd6a42
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_215x215.yml
@@ -0,0 +1,11 @@
+name: max_215x215
+label: 'Max 215x215'
+effects:
+  5b5a7feb-a0e1-4856-9f00-f666b80907a0:
+    id: image_scale
+    data:
+      width: 215
+      height: 215
+      upscale: true
+    weight: 1
+    uuid: 5b5a7feb-a0e1-4856-9f00-f666b80907a0
diff --git a/core/modules/responsive_image/config/install/image.style.max_2160x2160.yml b/core/modules/responsive_image/config/install/image.style.max_2160x2160.yml
new file mode 100644
index 0000000..3a8a45e
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_2160x2160.yml
@@ -0,0 +1,11 @@
+name: max_2160x2160
+label: 'Max 2160x2160'
+effects:
+  1032fd76-e046-4fc2-af00-dc27dd798e11:
+    id: image_scale
+    data:
+      width: 2160
+      height: 2160
+      upscale: true
+    weight: 1
+    uuid: 1032fd76-e046-4fc2-af00-dc27dd798e11
diff --git a/core/modules/responsive_image/config/install/image.style.max_2600x2600.yml b/core/modules/responsive_image/config/install/image.style.max_2600x2600.yml
new file mode 100644
index 0000000..1b05aea
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_2600x2600.yml
@@ -0,0 +1,11 @@
+name: max_2600x2600
+label: 'Max 2600x2600'
+effects:
+  9b311dd1-0351-45a1-9500-cd069e4670cb:
+    id: image_scale
+    data:
+      width: 2600
+      height: 2600
+      upscale: false
+    weight: 3
+    uuid: 9b311dd1-0351-45a1-9500-cd069e4670cb
diff --git a/core/modules/responsive_image/config/install/image.style.max_280x280.yml b/core/modules/responsive_image/config/install/image.style.max_280x280.yml
new file mode 100644
index 0000000..0d269fa
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_280x280.yml
@@ -0,0 +1,11 @@
+name: max_280x280
+label: 'Max 280x280'
+effects:
+  e06012f4-d838-411c-8900-f279b298a700:
+    id: image_scale
+    data:
+      width: 280
+      height: 280
+      upscale: true
+    weight: 1
+    uuid: e06012f4-d838-411c-8900-f279b298a700
diff --git a/core/modules/responsive_image/config/install/image.style.max_325x325.yml b/core/modules/responsive_image/config/install/image.style.max_325x325.yml
new file mode 100644
index 0000000..1a9a936
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_325x325.yml
@@ -0,0 +1,11 @@
+name: max_325x325
+label: 'Max 325x325'
+effects:
+  cb842cc8-682f-42a6-bd05-5a1ac726f0d8:
+    id: image_scale
+    data:
+      width: 325
+      height: 325
+      upscale: true
+    weight: 1
+    uuid: cb842cc8-682f-42a6-bd05-5a1ac726f0d8
diff --git a/core/modules/responsive_image/config/install/image.style.max_430x430.yml b/core/modules/responsive_image/config/install/image.style.max_430x430.yml
new file mode 100644
index 0000000..cd84ca2
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_430x430.yml
@@ -0,0 +1,11 @@
+name: max_430x430
+label: 'Max 430x430'
+effects:
+  70c92bd7-6bf8-47e5-b504-4bb5baad692a:
+    id: image_scale
+    data:
+      width: 430
+      height: 430
+      upscale: true
+    weight: 1
+    uuid: 70c92bd7-6bf8-47e5-b504-4bb5baad692a
diff --git a/core/modules/responsive_image/config/install/image.style.max_560x560.yml b/core/modules/responsive_image/config/install/image.style.max_560x560.yml
new file mode 100644
index 0000000..abf3b35
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_560x560.yml
@@ -0,0 +1,11 @@
+name: max_560x560
+label: 'Max 560x560'
+effects:
+  5226a67d-16e2-4df1-9400-0ce24917c4ce:
+    id: image_scale
+    data:
+      width: 560
+      height: 560
+      upscale: true
+    weight: 1
+    uuid: 5226a67d-16e2-4df1-9400-0ce24917c4ce
diff --git a/core/modules/responsive_image/config/install/image.style.max_650x650.yml b/core/modules/responsive_image/config/install/image.style.max_650x650.yml
new file mode 100644
index 0000000..3d5d4d1
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_650x650.yml
@@ -0,0 +1,11 @@
+name: max_650x650
+label: 'Max 650x650'
+effects:
+  949c201a-77f5-48f6-ba00-be91eb1aad47:
+    id: image_scale
+    data:
+      width: 650
+      height: 650
+      upscale: true
+    weight: 1
+    uuid: 949c201a-77f5-48f6-ba00-be91eb1aad47
diff --git a/core/modules/responsive_image/config/install/image.style.max_860x860.yml b/core/modules/responsive_image/config/install/image.style.max_860x860.yml
new file mode 100644
index 0000000..10ad5fb
--- /dev/null
+++ b/core/modules/responsive_image/config/install/image.style.max_860x860.yml
@@ -0,0 +1,11 @@
+name: max_860x860
+label: 'Max 860x860'
+effects:
+  53e61fea-e9fe-4cde-a108-8a862e357fc1:
+    id: image_scale
+    data:
+      width: 860
+      height: 860
+      upscale: true
+    weight: 1
+    uuid: 53e61fea-e9fe-4cde-a108-8a862e357fc1
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..3f4c329
--- /dev/null
+++ b/core/modules/responsive_image/config/install/responsive_image.styles.narrow.yml
@@ -0,0 +1,34 @@
+uuid: 8eb79e19-da57-4bd3-8304-4e0b5a147276
+status: true
+dependencies:
+  config:
+    - image.style.max_1120x1120
+    - image.style.max_860x860
+    - image.style.max_650x650
+    - image.style.max_560x560
+    - image.style.max_430x430
+    - image.style.max_325x325
+    - image.style.max_280x280
+    - image.style.max_215x215
+  module:
+    - responsive_image
+id: narrow
+label: Narrow
+image_style_mappings:
+  -
+    breakpoint_id: responsive_image.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:
+        - max_1120x1120
+        - max_860x860
+        - max_650x650
+        - max_560x560
+        - max_430x430
+        - max_325x325
+        - max_280x280
+        - max_215x215
+breakpoint_group: responsive_image
+fallback_image_style: max_215x215
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..651c2ce
--- /dev/null
+++ b/core/modules/responsive_image/config/install/responsive_image.styles.wide.yml
@@ -0,0 +1,38 @@
+uuid: 5cffd3ef-5656-4446-b200-b771d8076568
+status: true
+dependencies:
+  config:
+    - image.style.max_2600x2600
+    - image.style.max_2160x2160
+    - image.style.max_1720x1720
+    - image.style.max_1300x1300
+    - image.style.max_1120x1120
+    - image.style.max_860x860
+    - image.style.max_650x650
+    - image.style.max_560x560
+    - image.style.max_430x430
+    - image.style.max_325x325
+  module:
+    - responsive_image
+id: wide
+label: Wide
+image_style_mappings:
+  -
+    breakpoint_id: responsive_image.viewport_sizing
+    multiplier: 1x
+    image_mapping_type: sizes
+    image_mapping:
+      sizes: '(min-width: 1290px) 1290px, 100vw'
+      sizes_image_styles:
+        - max_2600x2600
+        - max_2160x2160
+        - max_1720x1720
+        - max_1300x1300
+        - max_1120x1120
+        - max_860x860
+        - max_650x650
+        - max_560x560
+        - max_430x430
+        - max_325x325
+breakpoint_group: responsive_image
+fallback_image_style: max_325x325
diff --git a/core/modules/responsive_image/responsive_image.breakpoints.yml b/core/modules/responsive_image/responsive_image.breakpoints.yml
new file mode 100644
index 0000000..839205c
--- /dev/null
+++ b/core/modules/responsive_image/responsive_image.breakpoints.yml
@@ -0,0 +1,6 @@
+responsive_image.viewport_sizing:
+  label: Viewport Sizing
+  mediaQuery: ''
+  weight: 0
+  multipliers:
+    - 1x
diff --git a/core/modules/responsive_image/src/ResponsiveImageStyleForm.php b/core/modules/responsive_image/src/ResponsiveImageStyleForm.php
index d7df134..7185809 100644
--- a/core/modules/responsive_image/src/ResponsiveImageStyleForm.php
+++ b/core/modules/responsive_image/src/ResponsiveImageStyleForm.php
@@ -92,7 +92,7 @@ public function form(array $form, FormStateInterface $form_state) {
     $form['breakpoint_group'] = array(
       '#type' => 'select',
       '#title' => $this->t('Breakpoint group'),
-      '#default_value' => $responsive_image_style->getBreakpointGroup(),
+      '#default_value' => $responsive_image_style->getBreakpointGroup() ?: 'responsive_image',
       '#options' => $this->breakpointManager->getGroups(),
       '#required' => TRUE,
       '#description' => $description,
diff --git a/core/modules/responsive_image/src/Tests/ResponsiveImageAdminUITest.php b/core/modules/responsive_image/src/Tests/ResponsiveImageAdminUITest.php
index a3e2213..e200c8d 100644
--- a/core/modules/responsive_image/src/Tests/ResponsiveImageAdminUITest.php
+++ b/core/modules/responsive_image/src/Tests/ResponsiveImageAdminUITest.php
@@ -38,13 +38,18 @@ protected function setUp() {
    * Test responsive image administration functionality.
    */
   public function testResponsiveImageAdmin() {
-    // We start without any default styles.
+    // We start with two default styles.
     $this->drupalGet('admin/config/media/responsive-image-style');
-    $this->assertText('There is no Responsive image style yet.');
+    $this->assertNoText('There is no Responsive image style yet.');
+    $this->assertText('Narrow');
+    $this->assertText('narrow');
+    $this->assertText('Wide');
+    $this->assertText('wide');
 
-    // Add a new responsive image style, our breakpoint set should be selected.
+    // Add a new responsive image style, the all viewports breakpoint set should
+    // be selected.
     $this->drupalGet('admin/config/media/responsive-image-style/add');
-    $this->assertFieldByName('breakpoint_group', 'responsive_image_test_module');
+    $this->assertFieldByName('breakpoint_group', 'responsive_image');
 
     // Create a new group.
     $edit = array(
@@ -110,7 +115,9 @@ public function testResponsiveImageAdmin() {
     $this->drupalGet('admin/config/media/responsive-image-style/style_one/delete');
     $this->drupalPostForm(NULL, array(), t('Delete'));
     $this->drupalGet('admin/config/media/responsive-image-style');
-    $this->assertText('There is no Responsive image style yet.');
+    $this->assertNoText('Style One');
+    // Default responsive image styles should remain.
+    $this->assertNoText('There is no Responsive image style yet.');
   }
 
 }