/* Work-card straighten on scroll activation */
/* Initial state uses matrix() from main.css. Add transition and final state when container becomes active */
.sect-work__cards .work-card {
  transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* When .sect-work__cards gets .active (already used for outer shift), straighten and center the cards */
.sect-work__cards.active .work-card {
  /* center absolute card: left:50% + translateX(-50%) */
  transform: translateX(-50%) !important;
  -webkit-transform: translateX(-50%) !important;
}