/* Selecciona el contenedor que tiene tu clase, ignorando el espacio o prefijos */
div[class*="archmec-1-img"] {
    width: 100% !important;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: block;
}

/* Selecciona la imagen dentro de ese contenedor */
div[class*="archmec-1-img"] img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Efecto hover */
div[class*="archmec-1-img"]:hover img {
    transform: scale(1.05);
}