/* --- FinaNiva overrides --- */
.image.main {
  height: 14em;           /* pienempi peruskorkeus desktopille */
}

.image.main img {
  object-fit: cover;      /* leikkaa siististi, ei venytä */
  height: 100%;
}

/* Voit vielä hienosäätää ruudun koon mukaan */
@media screen and (max-width: 1024px) {
  .image.main { height: 12em; }
}
@media screen and (max-width: 736px) {
  .image.main { height: 10em; } /* tämä yliajaa teeman 12em:in tarvittaessa */
}

.success-message {
  background: #e6f9f3;
  border: 2px solid #4acaa8;
  color: #2d8b72;
  padding: 2em;
  border-radius: 8px;
  text-align: center;
  animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}