.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width:700px){
    img{
        width: 100%;
        height: auto;
    }
}
@media screen and (orientation:portrait) { 
    img{
        width: 50%;
        height: auto;
    }
}
@media screen and (orientation:landscape) { 
    img{
        width: auto;
        height: 50%;
    }
}
.cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
html,
body {
    background-color: #20232B
}