<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">


<figure class="relative not-prose">
    <f:if condition="{fileDesktop}">
        <f:then>
            <f:media class="w-full h-auto{f:if(condition: fileMobile, then: ' hidden lg:block', else: ' block')}{f:if(condition: croppedHeight, then:' max-h-[90svh] object-cover')}"
                     file="{fileDesktop}"
                     width="1920"
                     height="900"
                     title="{fileDesktop.title}"
                     additionalConfig="{settings.media.additionalConfig}"/>
        </f:then>
        <f:else>
            <img src="https://placehold.co/1920x900/ff00ff/fff?text=Video+missing!" width="1920" height="900" alt="">
        </f:else>
    </f:if>
    <f:if condition="{fileMobile}">
        <f:media class="w-full h-auto lg:hidden{f:if(condition: croppedHeight, then:' max-h-[160vw] object-cover')}"
                 file="{fileMobile}"
                 title="{fileMobile.title}"
                 width="390"
                 height="624"
                 additionalConfig="{settings.media.additionalConfig}"/>
    </f:if>
    <f:if condition="{caption}">
        <f:render partial="Media/Rendering/Caption" arguments="{data:data}"/>
    </f:if>
</figure>
