Responsive Bildgrößen über die config.yml

Hallo liebe Community,

ich habe über die config.yml verschiedene Bildgrößen bestimmt, die auf verschiedenen Bildschirmgrößen verschiedene Dimensionen haben sollen.
So soll ein Kopfbild bei 1920px Bildschirmbreite das Verhältnis 1920x500 haben und auf dem Mobilen 500x450.

Jetzt wird allerdings nur das größte Verhältnis (1920x500) ausgegeben und lediglich runterskaliert anstatt auf die anderen Verhältnisse zuzuschneiden...
Das Ding ist, dass auf verschiedenen Systemen manchmal funktioniert und manchmal nicht und das bei gleicher config.yml...

Hier ist mal das Kopfbildbeispiel

Code:

---

        sizes:
            kopfbild-start:
                width: 500
                height: 450
                resizeMode: 'crop'
                zoom: 100
                cssClass: 'kopfbild-start'
                densities: '1x, 2x'
                lazy_loading: true
                items:
                    -  width: 768
                        height: 500
                        resizeMode: 'crop'
                        zoom: 100
                        densities: '0.5x, 2x'
                        sizes: '100vw'
                        media: '(min-width:480px) and (max-width:767px)'
                    -  width: 1024
                        height: 500
                        resizeMode: 'crop'
                        zoom: 100
                        densities: '0.5x, 2x'
                        sizes: '100vw'
                        media: '(min-width:768px) and (max-width:1023px)'
                    -  width: 1920
                        height: 580
                        resizeMode: 'crop'
                        zoom: 100
                        densities: '0.5x, 2x'
                        sizes: '100vw'
                        media: '(min-width:1024px) and (max-width: 1920px)'
                    -  width: 3000
                        height: 580
                        resizeMode: 'crop'
                        zoom: 100
                        densities: '0.5x, 2x'
                        sizes: '100vw'
                        media: '(min-width:1921px)'

---

habe ich dabei einen Fehler drinnen, den ich einfach nicht sehe, oder kann das an etwas anderem liegen?

Vielen Dank schonmal und beste Grüße
Florin