Clean up responsive image styles

config/sync/core.entity_view_display.node.article.card.yml

@@ -20,7 +20,7 @@ dependencies:
     - field.field.node.article.field_topics
     - field.field.node.article.field_upload
     - node.type.article
-    - responsive_image.styles.wide
+    - responsive_image.styles.card_extra_wide
   module:
     - datetime
     - ds
@@ -120,13 +120,11 @@ content:
     type: media_responsive_thumbnail
     label: hidden
     settings:
-      responsive_image_style: wide
+      responsive_image_style: card_extra_wide
       image_link: content
       image_loading:
         attribute: lazy
-    third_party_settings:
+    third_party_settings: {  }
-      ds:
-        ds_limit: ''
     weight: 0
     region: ds_content
   field_publication_date:

config/sync/core.entity_view_display.node.blog.card.yml

@@ -17,7 +17,7 @@ dependencies:
     - field.field.node.blog.field_topics
     - field.field.node.blog.field_upload
     - node.type.blog
-    - responsive_image.styles.wide
+    - responsive_image.styles.card_extra_wide
   module:
     - ds
     - field_group
@@ -114,13 +114,11 @@ content:
     type: media_responsive_thumbnail
     label: hidden
     settings:
-      responsive_image_style: wide
+      responsive_image_style: card_extra_wide
       image_link: ''
       image_loading:
         attribute: lazy
-    third_party_settings:
+    third_party_settings: {  }
-      ds:
-        ds_limit: ''
     weight: 0
     region: ds_content
 hidden:

config/sync/core.entity_view_display.node.collection.card.yml

@@ -18,7 +18,7 @@ dependencies:
     - field.field.node.collection.field_tags
     - field.field.node.collection.field_topics
     - node.type.collection
-    - responsive_image.styles.wide
+    - responsive_image.styles.card_extra_wide
   module:
     - ds
     - field_group
@@ -107,13 +107,11 @@ content:
     type: media_responsive_thumbnail
     label: hidden
     settings:
-      responsive_image_style: wide
+      responsive_image_style: card_extra_wide
       image_link: ''
       image_loading:
         attribute: lazy
-    third_party_settings:
+    third_party_settings: {  }
-      ds:
-        ds_limit: ''
     weight: 0
     region: ds_content
 hidden:

config/sync/core.entity_view_display.node.gleaning.card.yml

@@ -11,7 +11,7 @@ dependencies:
     - field.field.node.gleaning.field_publication_date
     - field.field.node.gleaning.field_upload
     - node.type.gleaning
-    - responsive_image.styles.wide
+    - responsive_image.styles.card_extra_wide
   module:
     - datetime
     - ds
@@ -83,13 +83,11 @@ content:
     type: media_responsive_thumbnail
     label: hidden
     settings:
-      responsive_image_style: wide
+      responsive_image_style: card_extra_wide
       image_link: ''
       image_loading:
         attribute: lazy
-    third_party_settings:
+    third_party_settings: {  }
-      ds:
-        ds_limit: ''
     weight: 0
     region: ds_content
   field_publication_date:

config/sync/image.style.drutopia_extra_wide_extra_small.yml

@@ -18,11 +18,11 @@ effects:
     data:
       crop_type: extra_wide_rectangle
       automatic_crop_provider: automated_crop_default
-  dda19dc4-0ccc-42b1-ae8f-65df895b1075:
+  1556c95b-f766-48de-ad6d-b6a75a18a632:
-    uuid: dda19dc4-0ccc-42b1-ae8f-65df895b1075
+    uuid: 1556c95b-f766-48de-ad6d-b6a75a18a632
-    id: image_scale
+    id: image_scale_and_crop
-    weight: 2
+    weight: 3
     data:
       width: 270
-      height: null
+      height: 135
-      upscale: false
+      anchor: center-top

config/sync/image.style.drutopia_extra_wide_small.yml

@@ -18,11 +18,11 @@ effects:
     data:
       crop_type: extra_wide_rectangle
       automatic_crop_provider: automated_crop_default
-  9bd514b3-1894-4e9e-889c-8588c2c5b6b9:
+  96baa943-7908-4b3a-9dee-a9216c921aaa:
-    uuid: 9bd514b3-1894-4e9e-889c-8588c2c5b6b9
+    uuid: 96baa943-7908-4b3a-9dee-a9216c921aaa
-    id: image_scale
+    id: image_scale_and_crop
-    weight: 2
+    weight: 3
     data:
       width: 650
-      height: null
+      height: 325
-      upscale: false
+      anchor: center-top

config/sync/responsive_image.styles.card_extra_wide.yml

@@ -0,0 +1,75 @@
+uuid: 1fad7383-b40e-4834-bc15-ee0377f12d58
+langcode: en
+status: true
+dependencies:
+  config:
+    - image.style.drutopia_extra_wide_extra_small
+    - image.style.drutopia_extra_wide_medium
+    - image.style.drutopia_extra_wide_small
+  module:
+    - drutopia_core
+id: card_extra_wide
+label: 'Wide Card'
+image_style_mappings:
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_small
+    breakpoint_id: drutopia_core.fullhd
+    multiplier: 1x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_extra_small
+    breakpoint_id: drutopia_core.widescreen
+    multiplier: 1x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_small
+    breakpoint_id: drutopia_core.desktop
+    multiplier: 1x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_medium
+    breakpoint_id: drutopia_core.fullhd
+    multiplier: 2x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_small
+    breakpoint_id: drutopia_core.widescreen
+    multiplier: 2x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_medium
+    breakpoint_id: drutopia_core.desktop
+    multiplier: 2x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_small
+    breakpoint_id: drutopia_core.tablet
+    multiplier: 1x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_medium
+    breakpoint_id: drutopia_core.tablet
+    multiplier: 2x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_small
+    breakpoint_id: drutopia_core.mobile
+    multiplier: 1x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_medium
+    breakpoint_id: drutopia_core.mobile
+    multiplier: 2x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_extra_small
+    breakpoint_id: drutopia_core.all
+    multiplier: 1x
+  -
+    image_mapping_type: image_style
+    image_mapping: drutopia_extra_wide_small
+    breakpoint_id: drutopia_core.all
+    multiplier: 2x
+breakpoint_group: drutopia_core
+fallback_image_style: drutopia_extra_wide_extra_small