@php
    $range = range('a', 'b');
@endphp

<div class="o-double-image @if($isReversed) o-double-image--is-reversed @endif">

    @foreach($images as $test => $image)
        @continue(empty($image))
        <picture class="o-double-image__{{$range[$test]}}">
            <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

</div>