<div id='header-img-left'>
    <img src='media/images/image1.png' alt='Text' class='img-left'></img>
  </div>
  <?php
    if (null !== $_SESSION['pagetitle']) {
        echo "<div id='header-content'><h1>" . $_SESSION['pagetitle'] . "</h1></div>";
    }
    ?>
  <div id='header-img-right'>
    <?php
        if (isset($_SESSION['auth'])) {
            echo "<a href='out.php?wantout=yes'>Log Out</a>";
        }
        ?>
    <img src='media/images/image2.png' alt='Text' class='img-right'></img>
  </div>

#header-img-left {
    float: left;
}

.img-left {
    float: left;
    max-width: 100%;
    height: auto;
}

#header-img-right {
    float: right;
}

.img-right {
    float: right;
    max-width: 100%;
    height: auto;
}