¿Cómo selecciono varias instancias anidadas de un elemento específico en CSS?

Quiero seleccionar sólo los primeros dos elementos anidados y establecer el ancho a 200px o algo así. ¿Cómo los seleccionaría usando combinadores en lugar de darles su propia clase?

He intentado usar nth-child(-n+2), pero como cada está anidado en un

<

div> diferente, creo que intenta seleccionar las primeras dos instancias de en cada

<

div> en lugar de las primeras dos instancias de dentro de

<

section>. Todavía estoy aprendiendo acerca de los combinadores, así que una explicación de la respuesta sería muy apreciada.

Mi código se parece a esto:

.section-container div {
background-color: skyblue;
}

.section-container div img {
width: 100px;
height: 100px;
background-color: red;
}

subtítulo

1er div

2do div

3er div

4to div