Михаил Захаров

<div id="gallery">
	<img src="1.jpg" alt>
	<img src="2.jpg" alt>
	<img src="3.jpg" alt>
	…
</div>

div#gallery {
	display: -ms-flexbox;
	-ms-flex-direction: column;
	-ms-flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100vw;
	font-size: 0; 
}
div#gallery img { 
	width: 33.3%;
	transition: .8s opacity;
}

.ui-tabs [aria-hidden=true] {
    position: absolute;
    display: block !important;
    left: -10000px;
    height: 0;
}
.ui-tabs [aria-hidden=false] {
    position: relative;
    display: block !important;
    left: initial;
    height: initial;
}

@media screen and (orientation: landscape) { 
  #logo { background: url(logo1.png) no-repeat; }
}
@media screen and (orientation: portrait) { 
  #logo { background: url(logo2.png) no-repeat; }
}