body{margin:auto;
background:#212121;}

#container{transform:rotate(-90deg);
            left:0;
        position:fixed;
        width:100vh;
        height:calc(100vw);
        transform-origin: center calc(50vh);
        overflow: scroll;
        scrollbar-width: none;

    }

.cards{display:flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width:300px;
        height:500px;
        border: 2px solid #00FA9A;
        border-radius:8px;
        text-decoration:none;
        margin:20px auto;
        padding:15px;
        text-align:center;
        background-repeat: no-repeat;
        background-size:cover;
        background-position:center;
        transform: rotate(90deg);
        
    }

#card-1{background-image: url("../images/12.png");}

#card-2{background-image: url("../images/09.png");}

#card-3{background-image: url("../images/08.png");}

#card-4{background-image: url("../images/03.png");}

#card-5{background-image: url("../images/05.png");}

#card-6{background-image: url("../images/20.png");}

#card-7{background-image: url("../images/06.png");}