diff --git a/assets/css/custom.scss b/assets/css/custom.scss index d28f033b..f3a45086 100644 --- a/assets/css/custom.scss +++ b/assets/css/custom.scss @@ -3450,29 +3450,16 @@ footer { box-shadow: 0 14px 32px -22px rgba(0, 0, 0, 0.7); transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease; - // brand accent bar down the left edge, revealed on hover - &::before { - content: ""; - position: absolute; - left: 0; - top: 0; - bottom: 0; - width: 4px; - z-index: 2; - background: linear-gradient(180deg, #2ad9c2, #55c1b4 45%, #d191bf); - opacity: 0; - transition: opacity 0.24s ease; - } - + // No left-edge accent bar: the preview image is flush to the left edge, so + // any bar would paint over ("spill" onto) the preview on hover. Hover + // feedback comes from the lift + brighter border + deeper shadow + image + // zoom + arrow slide instead — nothing overlaps the card content. &:hover, &:focus-visible { transform: translateY(-3px); border-color: rgba(42, 217, 194, 0.45); box-shadow: 0 22px 44px -26px rgba(0, 0, 0, 0.85); - &::before { - opacity: 1; - } .cs-card__media img { transform: scale(1.05); } @@ -3554,15 +3541,6 @@ footer { .cs-card { flex-direction: column; min-height: 0; - - &::before { - left: 0; - right: 0; - top: 0; - bottom: auto; - width: auto; - height: 4px; - } } .cs-card__media { flex: none; diff --git a/static/img/case-studies/power-digital/power-digital-case-study-preview.jpg b/static/img/case-studies/power-digital/power-digital-case-study-preview.jpg index 7a5cc3ae..82685798 100644 Binary files a/static/img/case-studies/power-digital/power-digital-case-study-preview.jpg and b/static/img/case-studies/power-digital/power-digital-case-study-preview.jpg differ