.card.shadow-sm {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.card.shadow-sm:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

.img-market img {
    object-fit: cover;
}

.portfolio-item img {
    width: 100%;
    aspect-ratio: 64 / 40;
    object-position: center;
    background-color: #f8f8f8;
    transition: transform 0.3s ease;
}


@media (max-width: 992px) {
    .portfolio-item img {
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 768px) {
    .portfolio-item img {
        aspect-ratio: 16 / 11;
    }
}

@media (max-width: 576px) {
    .portfolio-item img {
        aspect-ratio: 16 / 12;
    }
}