/* Force all strength card images to always be visible */
/* This CSS file uses !important to override any JavaScript or React styles */

/* Target all elements with background-image containing 'strength' */
[style*="background-image"][style*="strength"],
.strength-card-image,
[class*="strength"] > div[style*="background-image"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  z-index: 1 !important;
}

/* Prevent animations from hiding images */
[style*="background-image"][style*="strength"] {
  animation: none !important;
  transition: opacity 0s !important;
}

/* Ensure gradient overlays don't hide images */
[style*="background-image"][style*="strength"] + div {
  z-index: 2 !important;
}

/* Force immediate rendering - no delays */
* {
  animation-delay: 0s !important;
  animation-fill-mode: forwards !important;
}