Tengo una lista de fotos dinámica, extraída del CMS. Las fotos son verticales y horizontales. Estoy tratando de crear una "cuadrícula dinámica" donde todas las fotos horizontales tienen un 100% de ancho y las fotos verticales tienen un 50% de ancho. Pude lograr esto con la ayuda de JS. codificar con mi código

Sin embargo, tengo problemas para apuntar al último tiro vertical impar que tiene un tiro horizontal delante. También me gustaría que esta foto fuera 100% ancha, para que no haya interrupciones innecesarias.

Traté de usar la pseudo clase :nth-child() pero eso no fue útil en absoluto. - su selecto único primer hijo.

 .wide + .portfolio-item:nth-last-child(odd) { width: 100%; }