diff --git a/core/lib/Drupal/Core/Config/ConfigInstaller.php b/core/lib/Drupal/Core/Config/ConfigInstaller.php
index 8906eba..51e247f 100644
--- a/core/lib/Drupal/Core/Config/ConfigInstaller.php
+++ b/core/lib/Drupal/Core/Config/ConfigInstaller.php
@@ -147,6 +147,8 @@ public function installDefaultConfig($type, $name) {
       // directories.
       $storage = new ExtensionInstallStorage($this->getActiveStorages(StorageInterface::DEFAULT_COLLECTION), InstallStorage::CONFIG_OPTIONAL_DIRECTORY, StorageInterface::DEFAULT_COLLECTION, FALSE);
       $this->installOptionalConfig($storage, [$type => $name]);
+      // Search the install profile's optional configuration too.
+      $this->installOptionalConfig(NULL, [$type => $name]);
     }
 
     // Reset all the static caches and list caches.
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 ea14f53..3badae1 100644
--- a/core/modules/responsive_image/src/ResponsiveImageStyleForm.php
+++ b/core/modules/responsive_image/src/ResponsiveImageStyleForm.php
@@ -96,7 +96,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 1e4ee88..ac09039 100644
--- a/core/modules/responsive_image/src/Tests/ResponsiveImageAdminUITest.php
+++ b/core/modules/responsive_image/src/Tests/ResponsiveImageAdminUITest.php
@@ -44,7 +44,7 @@ public function testResponsiveImageAdmin() {
 
     // Add a new responsive image style, our 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(
diff --git a/core/profiles/standard/config/optional/image.style.max_1300x1300.yml b/core/profiles/standard/config/optional/image.style.max_1300x1300.yml
new file mode 100644
index 0000000..5c9ca1d
--- /dev/null
+++ b/core/profiles/standard/config/optional/image.style.max_1300x1300.yml
@@ -0,0 +1,18 @@
+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
+langcode: en
+dependencies:
+  module:
+    - responsive_image
+  enforced:
+    module:
+      - responsive_image
diff --git a/core/profiles/standard/config/optional/image.style.max_2600x2600.yml b/core/profiles/standard/config/optional/image.style.max_2600x2600.yml
new file mode 100644
index 0000000..cef91d5
--- /dev/null
+++ b/core/profiles/standard/config/optional/image.style.max_2600x2600.yml
@@ -0,0 +1,18 @@
+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
+langcode: en
+dependencies:
+  module:
+    - responsive_image
+  enforced:
+    module:
+      - responsive_image
diff --git a/core/profiles/standard/config/optional/image.style.max_325x325.yml b/core/profiles/standard/config/optional/image.style.max_325x325.yml
new file mode 100644
index 0000000..30cb39e
--- /dev/null
+++ b/core/profiles/standard/config/optional/image.style.max_325x325.yml
@@ -0,0 +1,18 @@
+name: max_325x325
+label: 'Max 325x325'
+effects:
+  cb842cc8-682f-42a6-bd05-5a1ac726f0d8:
+    id: image_scale
+    data:
+      width: 325
+      height: 325
+      upscale: false
+    weight: 1
+    uuid: cb842cc8-682f-42a6-bd05-5a1ac726f0d8
+langcode: en
+dependencies:
+  module:
+    - responsive_image
+  enforced:
+    module:
+      - responsive_image
diff --git a/core/profiles/standard/config/optional/image.style.max_650x650.yml b/core/profiles/standard/config/optional/image.style.max_650x650.yml
new file mode 100644
index 0000000..30bd8c4
--- /dev/null
+++ b/core/profiles/standard/config/optional/image.style.max_650x650.yml
@@ -0,0 +1,18 @@
+name: max_650x650
+label: 'Max 650x650'
+effects:
+  949c201a-77f5-48f6-ba00-be91eb1aad47:
+    id: image_scale
+    data:
+      width: 650
+      height: 650
+      upscale: false
+    weight: 1
+    uuid: 949c201a-77f5-48f6-ba00-be91eb1aad47
+langcode: en
+dependencies:
+  module:
+    - responsive_image
+  enforced:
+    module:
+      - responsive_image
diff --git a/core/profiles/standard/config/optional/responsive_image.styles.narrow.yml b/core/profiles/standard/config/optional/responsive_image.styles.narrow.yml
new file mode 100644
index 0000000..df56ec9
--- /dev/null
+++ b/core/profiles/standard/config/optional/responsive_image.styles.narrow.yml
@@ -0,0 +1,23 @@
+uuid: 8eb79e19-da57-4bd3-8304-4e0b5a147276
+status: true
+dependencies:
+  config:
+    - image.style.max_1300x1300
+    - image.style.max_650x650
+    - image.style.max_325x325
+langcode: en
+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_1300x1300
+        - max_650x650
+        - max_325x325
+breakpoint_group: responsive_image
+fallback_image_style: max_325x325
diff --git a/core/profiles/standard/config/optional/responsive_image.styles.wide.yml b/core/profiles/standard/config/optional/responsive_image.styles.wide.yml
new file mode 100644
index 0000000..8e07611
--- /dev/null
+++ b/core/profiles/standard/config/optional/responsive_image.styles.wide.yml
@@ -0,0 +1,25 @@
+uuid: 5cffd3ef-5656-4446-b200-b771d8076568
+status: true
+dependencies:
+  config:
+    - image.style.max_2600x2600
+    - image.style.max_1300x1300
+    - image.style.max_650x650
+    - image.style.max_325x325
+langcode: en
+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_1300x1300
+        - max_650x650
+        - max_325x325
+breakpoint_group: responsive_image
+fallback_image_style: max_325x325
diff --git a/core/profiles/standard/src/Tests/StandardTest.php b/core/profiles/standard/src/Tests/StandardTest.php
index ee867d1..d06d07e 100644
--- a/core/profiles/standard/src/Tests/StandardTest.php
+++ b/core/profiles/standard/src/Tests/StandardTest.php
@@ -157,6 +157,24 @@ function testStandard() {
     $this->drupalLogin($this->rootUser);
     $this->drupalGet('update.php/selection');
     $this->assertText('No pending updates.');
+
+    // Make sure the optional image styles are not installed.
+    $this->drupalGet('admin/config/media/image-styles');
+    $this->assertNoText('Max 325x325');
+    $this->assertNoText('Max 650x650');
+    $this->assertNoText('Max 1300x1300');
+    $this->assertNoText('Max 2600x2600');
+
+    // Make sure the optional image styles are installed after enabling
+    // the responsive_image module.
+    \Drupal::service('module_installer')->install(array('responsive_image'));
+    $this->rebuildContainer();
+    $this->drupalGet('admin/config/media/image-styles');
+    $this->assertText('Max 325x325');
+    $this->assertText('Max 650x650');
+    $this->assertText('Max 1300x1300');
+    $this->assertText('Max 2600x2600');
+
   }
 
 }
