.image-with-text__link {
  position: absolute;
  inset: 0;
  z-index: var(--layer-flat);
}

.image-with-text--hover .section-content-wrapper {
  position: relative;
  transition: transform var(--animation-speed-medium) var(--animation-easing);
  cursor: pointer;
}

.image-with-text--hover .section-content-wrapper:has(.image-with-text__link:focus-visible) {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.image-with-text--hover .section-content-wrapper::before {
  content: '';
  position: absolute;
  inset: 4px -24px;
  border-radius: var(--style-border-radius-md);
  pointer-events: none;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow var(--animation-speed-medium) var(--animation-easing);
}

.image-with-text--hover .section-content-wrapper:hover {
  transform: translateY(calc(-1 * var(--hover-lift-amount)));
}

.image-with-text--hover .section-content-wrapper:hover::before {
  box-shadow: var(--shadow-card-hover);
}

.image-with-text--hover .section-content-wrapper img {
  transition: transform var(--animation-speed-slow) var(--animation-easing);
}

.image-with-text--hover .section-content-wrapper:hover img {
  transform: scale(1.05);
}