Alguien sabe porqué pasa lo siguiente: Si no le asigno una clase a las imágenes del <em>carousel</em>, al picar con el ratón en ellas no ...

Efectivamente es al pegar el código en los comentarios.

Respecto a lo otro que comentas,

es el padre del , debí haberlo puesto. Ya he probado a hacerlo con más especificidad y pasa lo mismo, la cuestión es que los estilos se agregan correctamente, pero el modal solo se abre con Tab y no con el click

En las capturas que has puesto, veo que hay código pegado, creo que se pega al comentarlo aquí, pero no hace daño preguntar.

Lo otro que alcanzo a notar es que la clase del li dice project1-container mientras que el css dice .project-container. ese número en el nombre puede estar dando problemas.

Finalmente veo que la jerarquía de li>button>img no la especificas bien en el css. No creo que sea tu problema pero probar no hace daño.

Es el primer caso que has puesto, pero obviamente si no le pongo clase utilizo un selector de etiqueta, ahí no está el problema.

La cuestión es que con este código se abre el modal:

          <li class="project1-container"><button class="project1 project"><img src="images/project1.png" class="project-img" alt="Mi primer proyecto"/></button></li>

.project-img {
    border-radius: 5px;
    border: 2px solid #000;
    display: inline-block;
    height: 400px;
    margin: 0 8px;
    transition: all 0.2s ease-in-out;
    width: 250px;
    object-fit: cover;
}

Y con este no se abre al clicar, pero si llego con el Tab y hago Enter se abre correctamente:

          <li class="project1-container"><button class="project1 project"><img src="images/project1.png"  alt="Mi primer proyecto"/></button></li>

.project-container img {
    border-radius: 5px;
    border: 2px solid #000;
    display: inline-block;
    height: 400px;
    margin: 0 8px;
    transition: all 0.2s ease-in-out;
    width: 250px;
    object-fit: cover;
}

Creo que deberías formular tu pregunta completa, lo que te entendí es:

• Si no le asigno una clase a las imágenes del carousel, al picar con el ratón en ellas no abren el modal. R/ Porque el código Js que sale en los videos busca elementos por la clase aginada, entonces si no hay clase, no encuentra los elementos.

• Si no le asigno una clase a las imágenes del carousel, al picar con el ratón en ellas no se ven bien. R/ Porque el css busca esos elementos por clase, entonces si no hay clase, no aplica estilos.

Si estas no eran tus preguntas, por favor indícalo para buscar una respuesta adecuada.