body {
  display: flex;
}

@media (orientation: landscape) {
  body {
    flex-direction: row;
  }
}

@media (orientation: landscape) and (height < 241px) {
  .picture {
    width: 158px;
   }
}   
    
@media (orientation: landscape) and (240px < height < 487px) {
  .picture {
    width: 240px;
   }
}   

@media (orientation: landscape) and (height > 486px) {
  .picture {
    width: 343px;
   }
}   

@media (orientation: portrait) {
  body {
    flex-direction: column;
  }

  .picture {
    width: -moz-available;
    width: -webkit-fill-available;
  }
}