feat(background-image): port pf-v5-background-image to pf-v6-background-image

Author: zeroedin

docs/main.css

@@ -291,28 +291,14 @@ header.band h1 {
   color: var(--pf-theme--color--white, #fff);
 }
 
-.example-preview.pf-background-image pf-v5-background-image {
+.example-preview.pf-v6-background-image pf-v6-background-image {
   position: absolute;
   z-index: -1;
-  top: 0;
-  left: 0;
-}
-
-.example-preview.pf-background-image pf-v5-background-image::part(container) {
-  position: relative;
-}
-
-.example-preview.pf-background-image pf-v5-background-image,
-.example-preview.pf-background-image pf-v5-background-image::part(container) {
+  inset: 0;
   height: 100%;
   width: 100%;
 }
 
-.example-preview.pf-background-image pf-v5-background-image::part(container)::after {
-  position: absolute;
-  background-size: cover;
-}
-
 section.api.band.api-properties dl {
   padding: var(--pf-global--spacer--md, 1rem);
   background-color: var(--pf-global--BackgroundColor--100, #fff);

docs/main.mjs

@@ -4,7 +4,7 @@ import '@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js';
 import '@patternfly/elements/pf-v5-alert/pf-v5-alert.js';
 import '@patternfly/elements/pf-v5-avatar/pf-v5-avatar.js';
 import '@patternfly/elements/pf-v5-back-to-top/pf-v5-back-to-top.js';
-import '@patternfly/elements/pf-v5-background-image/pf-v5-background-image.js';
+import '@patternfly/elements/pf-v6-background-image/pf-v6-background-image.js';
 import '@patternfly/elements/pf-v5-badge/pf-v5-badge.js';
 import '@patternfly/elements/pf-v5-banner/pf-v5-banner.js';
 import '@patternfly/elements/pf-v5-button/pf-v5-button.js';