#Batman_29, #Joker9, #Robin7{
    transition: transform 0.5s;
}

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

#Joker9:hover{
    transform: scale(1.5);

}

img{
    scale: 75%;
}

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

#Robin7{
    scale: 120%;
}

/*solution*/

article{
    position: relative;
}

article section {
    position:absolute;
    width: 455px;
    top: 2.44em;
    background-color: cadetblue;
    left: -480px;
    transition: transform 0.5s;
}

article section nav{
    width: 480px;
    text-align: right;
    background-color: rgb(36, 50, 50);
    padding: 0.5rem;
}

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

nav{
    color: bisque;
}