.card, .button, .anim, header, nav {
  transform: translateZ(0);
  will-change: transform, opacity;
}
.section {
  content-visibility: auto;
  contain-intrinsic-size: 900px;
}
.section, .card {
  contain: layout paint;
}
button, a {
  transition: transform .15s ease;
}

button:active, a:active {
  transform: scale(0.97);
}
html {
  scroll-behavior: smooth;
}
* {
  backface-visibility: hidden;
}








* {
  backface-visibility: hidden;
}

.section {
  content-visibility: auto;
  contain-intrinsic-size: 800px;
  contain: layout paint;
}

.card, .button, .anim {
  will-change: transform, opacity;
  transform: translateZ(0);
  transition: transform .3s ease, opacity .3s ease;
}