@once
    @push('styles')
        <style>
            .szechenyi {
                display: block;
                width: 100%;
                max-width: 100%;
                overflow-x: auto;
            }

            .szechenyi img {
                display: block;
                width: 100%;
                /* Keep the full infoblock at least 100px tall on narrow screens. */
                min-width: 335px;
                max-width: none;
                height: auto;
            }

            @media (min-width: 992px) {
                .szechenyi {
                    position: absolute;
                    top: 100px;
                    left: 0;
                    z-index: 100;
                    width: auto;
                }

                .szechenyi img {
                    width: auto;
                    height: 120px;
                }

                /* Preserve the homepage hero offset below the transparent header. */
                a.szechenyi + #page-title {
                    position: relative;
                    margin-top: -100px;
                }
            }
        </style>
    @endpush
@endonce

<img src="{{ asset('images/szechenyi.jpg') }}"
     alt="Széchenyi Terv Plusz – Magyarország Kormánya – Az Európai Unió társfinanszírozásával"
     width="1504"
     height="450">