/* 2d_tranforma.css */

#mario, #mario2, #mariokart {
    transition: transform 0.5s;
}

#mario:hover{
    transform: rotate(45deg);
}

#mario2:hover{
    transform: scale(2);
}

.move-right {
transform: translateX(900px);
}

/*solution */

article {
    position: relative;
}
article section{
    position: absolute;
    width: 500px;
    top: 2.44em;
    background-color: rgba(152, 147, 147, 0.95);
    left: -500px;
    transition: transform 0.5s;
}

article section nav{
    width: 530px;
    text-align: right;
    background-color: rgba(199, 191, 191, 0.95);
    padding: 0.5em;
   
}

.visible{
    transform: translateX(500px);
}