.project-card {
    transition: transform .12s ease;
}

    .project-card:hover {
        transform: translateY(-4px);
    }

    /* Imagen en desktop: tamaño fijo y recorte con object-fit */
    .project-card .project-img {
        width: 300px;
        height: 400px;
        object-fit: cover;
        flex-shrink: 0;
        border-radius: .25rem;
        display: block;
        max-width: 100%;
    }

    /* Contenedor de texto con control de padding desde CSS */
    .project-card .project-text {
        padding: 1.5rem;
    }

/* Ajustes responsivos: en pantallas pequeñas la imagen ocupa todo el ancho y mantiene proporción */
@media (max-width: 767.98px) {
    .project-card .project-img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: .25rem;
    }

    .project-card .project-text {
        padding: 1rem;
    }
}