diff --git a/packages/styles/scss/components/feature-card/_feature-card.scss b/packages/styles/scss/components/feature-card/_feature-card.scss index 631254a6034..fc9e93262bb 100644 --- a/packages/styles/scss/components/feature-card/_feature-card.scss +++ b/packages/styles/scss/components/feature-card/_feature-card.scss @@ -125,6 +125,7 @@ $feature-flags: ( ::slotted([slot='image']), #{$c4d-prefix}-image { z-index: 0; + block-size: 100%; // Opacity is adjusted on hover. See above. &::before { diff --git a/packages/styles/scss/components/feature-section/_feature-section.scss b/packages/styles/scss/components/feature-section/_feature-section.scss index 0a5881f6019..9a0c316deee 100644 --- a/packages/styles/scss/components/feature-section/_feature-section.scss +++ b/packages/styles/scss/components/feature-section/_feature-section.scss @@ -1,5 +1,5 @@ /** - * Copyright IBM Corp. 2016, 2023 + * Copyright IBM Corp. 2016, 2024 * * This source code is licensed under the Apache-2.0 license found in the * LICENSE file in the root directory of this source tree. @@ -121,6 +121,7 @@ ::slotted(#{$c4d-prefix}-image) { overflow: hidden; + block-size: 100%; @include breakpoint(sm) { block-size: aspect-ratio(1, 1);