@media screen and (orientation: landscape) and (min-width: 1024px) {
  
  #.. {
    width: ;
    height: ;
  }
}

@media screen and (orientation: portrait), (orientation: landscape) and (max-width: 1023px) {
    #foto6 {
      left: 50%;
      transform: translate(-50%);
      width: 70%;
      height: auto;
      padding: 0px;
      margin: 0px;
    }    

    #foto4 {
      left: 10%;
      transform: translate(-50%);
      width: 50%;
      height: auto;
      padding: 0px;
      margin: 0px;
    }  
  }