.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    text-align: center;
    width: 50%;
}

img {
  width: 100%;
  height: auto;
}

@media(hover: none) {
    .container {
        width: 90%;
    }
}

@media(hover: none) and (orientation: landscape) {
    .container {
        width: 55%;
    }
}