body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 2rem 8rem;
}

.feature-image {
    width: min(480px, 80vw);
    aspect-ratio: 1 / 1;
}

.feature-image img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    filter: blur(0);
    transition: filter 0.261s ease;
    user-select: none;
}

.feature-image img:hover { filter: blur(2px); }

/* MOBILE */

.main-content {
    padding: 0rem 2rem 4rem;
}

@media (max-height: 500px) and (orientation: landscape) {
  .feature-image { width: 360px; }
}