html, body { height: 100%; margin: 0px; overflow: hidden; } body { display: flex; background-color: black; } .side { height: 100%; display: flex; align-items: center; justify-content: center; } #left.side { width: 55%; } #right.side { width: 45%; } #fpk.side { width: 100%; } #left.side .frame { background-size:contain; background-position: center; background-repeat: no-repeat; } #right.side .frame { background-size:contain; background-position: center; background-repeat: no-repeat; } #fpk.side .frame { background-size:contain; background-position: center; background-repeat: no-repeat; } .frame { width: 100%; height: 100%; }