SO http://is.gd/gqXkoB ; Vertically align images

HTML

<div class="container">
<tr>
  <td>
    <img align="right" src="https://xyzwebsite.blob.core.windows.net/us-website/USeDM_20180903_img_6.jpg" class="left">
  </td>
</tr>
<tr>
  <td>
    <img align="left" src="https://xyzwebsite.blob.core.windows.net/us-website/USeDM_20180903_img_7.jpg" class="right">
  </td>
</tr>
    
    
</div>

CSS

.container1{
    margin: 0 auto;
    max-width:00px;
    }
    
img.left{
    display:block;
    float:right;
    width:200px;
    height:255px;
}
img.right{
    display:block;
    float:left;
    width:200px;
    height:255px;
}

@media (max-width: 570px) {
    img.left{
    float:none;
    margin: 0 auto;
}
img.right{
    display:block;
    float:none;
    margin: 0 auto;
}

}