{{ $illustration := .Page.Resources.GetMatch (printf "**%s*" (.Get 0)) }}
{{ $title := .Get 1 }}
{{ $attr := .Get 2 }}
{{ $side := .Get 3 }}

{{ if eq $side "right" }}
<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-center align-items-center my-auto {{$attr}}">
        <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
            {{ if $title }}
                <h2 class="image-container-title">{{ $title }}</h2>
            {{ end }}
            {{ .Inner }}
        </div>
        {{ if $illustration }}
        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
            <object role="img" class="my-auto d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}">
                <div class="error image-container-img">
                    <i class="fa-solid fa-triangle-exclamation"></i>
                </div>
            </object>
        </div>
        {{ end }}
    {{ else }}
<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-center align-items-center {{$attr}}">
        {{ if $illustration }}
        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
            <object role="img" class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto d-flex justify-content-center align-items-center card-img-top" type="image/svg+xml" data="{{ $illustration.RelPermalink }}">
                <div class="error image-container-img">
                    <i class="fa-solid fa-triangle-exclamation"></i>
                </div>
            </object>
        </div>
        {{ end }}
        <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
            {{ if $title }}
                <h2 class="image-container-title">{{ $title }}</h2>
            {{ end }}
            {{ .Inner }}
        </div>
    {{ end }}
</div>