<header>

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="700" xml:space="preserve"  id="ken-burns-plus" >
    <filter id="effect-1">
        <feGaussianBlur stdDeviation="2" />
    </filter>
  <style type="text/css">
    .front{
      animation: parallax-front 25s infinite ease-in-out;
      filter:url(#effect-1);
    }
    .mid{
      animation: parallax-mid 25s infinite linear;
    }
    .back{
      filter:url(#effect-1); 
    }
.front, .mid, .back{
      transform-origin: 50% 50%;
}
    
  
    @keyframes parallax-front { 
        0%,100%  {transform: scale(1);} 
        50% {transform: scale(1.45);} 
        } 

    
    
   @keyframes parallax-mid { 
        0% {transform: scale(1);} 
        50% {transform: scale(1.2);} 
        100% {transform: scale(1); } 
      }  


  </style>
    
 <g>   
  <image class="back" xlink:href="https://i.sli.mg/lZPsUt.png" x="0" y="0" width="100%" height="100%"  />
  <image class="mid"  xlink:href="https://i.sli.mg/iC7dWr.png" x="0" y="0" width="100%" height="100%" />
  <image  class="front" xlink:href="https://i.sli.mg/bn6JTu.png" x="0" y="0" width="100%" height="100%" />
  </g>
</svg>
 
  
  
  <h1 class="title">
    Woodrow Wilson Opens 1913 Season
  </h1>
  
</header>



  <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
header {
  height: 450px;
  border: 6px #000 solid;
  overflow: hidden;
  position: relative;
  background:#222;
  svg {
    margin: -5% 0%;
    position: absolute;
  }
  h1{
    position: absolute; 
    bottom: 0 ;
    right: 2rem;
    font-family: 'Montserrat', sans-serif;
    color: #cccc22;
    width: 40%;
    text-shadow: 3px 3px 3px #000;
    text-align: right;
    font-size: 3rem
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.