<section class="welcome welcome_who-we" style="--welcome-bg: url({{ $block->image('image') }}); --header-font-size: var(--typo-headline1);">
    <div class="locations__video-wrap">
        <video class="location-video" src="/files/index.mp4" autoplay="true" loop="true" muted="muted" playsinline poster="{{ $block->image('image') }}"></video>
    </div>
    <div class="container">
        <div class="welcome__inner js-video">
            <header class="welcome__header fw-600" style="margin-bottom: 1rem;">
                <h1>{!! $block->translatedInput('title') !!}</h1>
            </header>
            <div class="welcome__subtitle">{!! $block->translatedInput('description') !!}</div>
{{--            <div class="welcome__play-video js-video-btn">@lang('messages.btn-play-video')--}}
{{--                <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">--}}
{{--                    <title>Group 40@3x</title>--}}
{{--                    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">--}}
{{--                        <g id="who_we_are_1440" transform="translate(-752.000000, -572.000000)">--}}
{{--                            <g id="Group-23" transform="translate(620.500000, 559.000000)">--}}
{{--                                <g id="Group-19" transform="translate(49.500000, 11.000000)">--}}
{{--                                    <g id="Group-40" transform="translate(83.000000, 3.000000)">--}}
{{--                                        <circle id="Oval" stroke="#F1162F" stroke-width="1.2" cx="8" cy="8" r="8"></circle>--}}
{{--                                        <path d="M9.33007981,6.05108617 L11.9595747,9.95291723 C12.2064917,10.3193102 12.1096372,10.8164961 11.7432443,11.0634131 C11.6111398,11.1524401 11.4554643,11.2 11.2961615,11.2 L6.03717182,11.2 C5.59534402,11.2 5.23717182,10.8418278 5.23717182,10.4 C5.23717182,10.2406972 5.28473176,10.0850217 5.37375868,9.95291723 L8.00325352,6.05108617 C8.25017052,5.68469321 8.74735648,5.5878388 9.11374944,5.8347558 C9.19910474,5.89227785 9.27255776,5.96573087 9.33007981,6.05108617 Z" id="Triangle" fill="#F1162F" transform="translate(8.666667, 8.133333) rotate(90.000000) translate(-8.666667, -8.133333) "></path>--}}
{{--                                    </g>--}}
{{--                                </g>--}}
{{--                            </g>--}}
{{--                        </g>--}}
{{--                    </g>--}}
{{--                </svg>--}}
{{--            </div>--}}
            <div class="overlay js-video-overlay">
                <div class="overlay__content">
                    <div class="overlay__close js-video-close">
                        <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-3x"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg>
                    </div>
                    <video class="js-video-autoplay" src="/files/index.mp4"></video>
                </div>
            </div>
        </div>
{{--        <div class="welcome__call-to-scroll">--}}
{{--            <a href="#" class="action-marker js-scroll-down">--}}
{{--                <svg viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">--}}
{{--                    <path d="M1 1L7 7L13 1" stroke="white" stroke-width="2"/>--}}
{{--                </svg>--}}
{{--            </a>--}}
{{--        </div>--}}
    </div>
</section>