.flipInX
то пример.game-info {
transition: all .52s ease-in-out;
opacity: 0;
transform: translateX(1000%);
}
.game-info.hidden {
opacity: 1;
transform: translateX(0%);
}
фото могут быть разных пропорций, разного размера и фото становится растянутым
img {
max-width: 100%;
width: 100%;
height: auto;
}