.container {
    display: flex;
    align-items: center;
    justify-content: center;  /* center horizontally */ 
    height: 300px; /* add px unit, adjust as needed */
  }

  .container a {
    display: flex;
  }

  .container img {
    display: block;    
    height: 300px;

  }
 img {
    max-width: 100%;
    max-height: 100%;
}

.portrait {
    height: 80px;
    width: 30px;
} 

.landscape {
    height: 150px;
    width: 225px;
}

.square {
    height: 75px;
    width: 75px;
}