Change layouts to layout builder standard

layouts/card-3stack.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation for a card 3 stack layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes.addClass('card', 'clearfix') }}>
+
+  <div{{ region_attributes.first.addClass('card-block card-body') }}>
+    {{ content.first }}
+  </div>
+
+  <div{{ region_attributes.second.addClass('card-img') }}>
+    {{ content.second }}
+  </div>
+
+  <div{{ region_attributes.third.addClass('card-block card-body') }}>
+    {{ content.third }}
+  </div>
+
+</div>

layouts/card-basic.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation for a card basic layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes.addClass('card', 'clearfix', 'card-block', 'card-body') }}>
+
+  {{ content.first }}
+
+</div>

layouts/card-header-footer.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation for a card header footer layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes.addClass('card', 'clearfix') }}>
+
+  <div{{ region_attributes.first.addClass('card-header') }}>
+    {{ content.first }}
+  </div>
+
+  <div{{ region_attributes.second.addClass('card-block card-body') }}>
+    {{ content.second }}
+  </div>
+
+  <div{{ region_attributes.third.addClass('card-footer') }}>
+    {{ content.third }}
+  </div>
+
+</div>

layouts/card-image-overlay.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation for a vard image overlay layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes.addClass('card') }}>
+
+  <div{{ region_attributes.first.addClass('card-img') }}>
+    {{ content.first }}
+  </div>
+
+  <div{{ region_attributes.second.addClass('card-img-overlay') }}>
+    {{ content.second }}
+  </div>
+
+</div>

layouts/card-top-image.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation for a card image top layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes.addClass('card', 'clearfix') }}>
+
+  <div{{ region_attributes.first.addClass('card-img-top') }}>
+    {{ content.first }}
+  </div>
+
+  <div{{ region_attributes.second.addClass('card-block') }}>
+    {{ content.second }}
+  </div>
+
+</div>

layouts/media.html.twig

+{#
+/**
+ * @file
+ * Default theme implementation for a media layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+<div {{ attributes.addClass('media') }}>
+
+  {{ content.first }}
+
+  <div{{ region_attributes.second.addClass('media-body') }}>
+    {{ content.second }}
+  </div>
+
+</div>