demo_header.html

<div style="text-align: center;">
    <h1>
        WebP Resize and Convert
    </h1>
    
    <div class="grid-container">
        <img src="/gradio_api/file=examples/anime.webp" alt="Flux.1-schnell-WebP3Frame-TalkingAnimation" class="image">
        <p class="text">
            Hint:Aspect ratio will always keep<br>
            I'm not familiar with apng/gif,maybe quality is low<br>
        </p>
    </div>

    <p>
       
    </p>
    
</div>