#feature-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;

  perspective: 100cm;
  transform-style: preserve-3d;
}

#feature-image img {
  width: 90%;
  max-width: 1200px;

  transform-origin: 0 15% 0;

  animation: featureImageLoad 1s ease forwards;
}

@keyframes featureImageLoad {
  0% {
    transform: rotateX(24deg);
  }
  100% {
    transform: rotateX(0);
  }
}

#feature-image h2,
#feature-image p {
  text-align: center;
  max-width: 700px;
}