.mycard {
  transition: transform 0.35s ease, box-shadow 0.35s ease, border 0.35s ease;
  border-radius: 12px;
}
.mycard:hover {
  transform: scale(1.04) translateY(-4px);
  background-color: #b8860b !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
  border-radius: 12px;
  border: 2px solid #FFD700;
}
@media (min-width: 960px) {
  .hero-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}