<div class="o-double-image @if($isReversed) o-double-image--is-reversed @endif">
    @if(!empty($images))
        @foreach($images as $image)
            <picture class="o-double-image__picture">
                <img class="o-double-image__img"
                     sizes="(max-width: {{end($imageSizes)}}px) 100vw, {{end($imageSizes)}}px"
                     srcset="
                        @foreach($imageSizes as $imageSizeKey => $imageSize)
                            {{ $image->{$imageSizeKey.'_image_url'} }} {{$imageSize}}w,
                        @endforeach
                     "
                    alt="image"
                    data-object-fit="cover">
            </picture>
        @endforeach
    @endif
</div>