How to implement with multiple source tags

[JonathanHemmerlingE]

Hello, i'm not that experienced. I have a picture tag which includes multiple sourcetags of images and one imagetag. I want to use this to support multiple pictureformats for a bunch of viewports.

it looks something like this:
"picture
source srcset="{{ asset('image-viewport1') }}" media="(min-width: viewport1)"
source srcset="{{ asset('image-viewport2') }}" media="(min-width: viewport2)"
source srcset="{{ asset('image-viewport3') }}" media="(min-width: viewport3"
img alt="" src="{{ asset('image-viewport4') }}"
/picture"

i can use the data_uri_thumbnail-function to blur the image, but im not able to use the stimulus-controller to decode it.

Kind regards