html, body{
    height: 100%;
    overflow: hidden;
    margin: 0;
}

body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1%;
}

.photo-block{
    width: 80%;
    flex: 0 0 20%;
    min-height: 20%;
    transform-origin: left;
    transition: 0.5s ease;
    display: flex;
    justify-content: center;
}

.photo-block > img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/*
#photo-block-1{
    background-color: green;
}
#photo-block-2{
    background-color: blue;
}
#photo-block-3{
    background-color: red;
}
#photo-block-4{
    background-color: unset;
}
#photo-block-5{
    background-color: orchid;
}
#photo-block-6{
    background-color: darkcyan;
}
#photo-block-7{
    background-color: palevioletred;
}
#photo-block-8{
    background-color: rgb(131, 9, 50);
}
#photo-block-9{
    background-color: rgb(200, 255, 0);
}
#photo-block-10{
    background-color: rgb(0, 204, 255);
}
#photo-block-11{
    background-color: rgb(33, 33, 33);
}*/