L3TTinstance/1630136e-e68d-4227-9f96-7d0709c836d6.html

<!-- size: 1024, 576 -->

<html>

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <style>
      body {
        margin: 0px;
      }
      
      img.background {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
      }
      
      div.titles {
        color: white;
        background: grey;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        filter: alpha(opacity=80);
        padding: 20px;
      }

      p.film_title {
        font-size: 90px;
        font-style: italic;
        word-break: break-all;
      }
      
      p.L3STinstance_title {
        font-size: 100px;
        /* word-break: break-all; */
      }
    </style>
  </head>
  
  <body>
    <img class="background" src="template_image.png" /> <!-- src="C:\inetpub\wwwroot\Trafilm_Gallery\L3TTinstance\L3TTinstances.cxml" -->
    <div class="titles">
      <p class="film_title">Hereafter</p> <!-- Film/season title -->
      <hr />
      <p class="L3STinstance_title">Hereafter.Marie interviewing Guillaume Belcher.Didier.SpanishDub</p>
    </div>
  </body>
  
</html>