img {
    /* width and height */
    max-width: 100%;
    max-height: 100vh;
    height: auto;
    margin: auto; /* aligne horizontalement */
}
.img-animated {
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
.container {
    position: absolute;
}
.image {
    position: absolute;
    top: 0;
    left: 0;
}
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}
div {
    background-image: -moz-linear-gradient( 90deg, rgb(58,61,65) 0%, rgb(23,23,23) 50%, rgb(69,73,77) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(58,61,65) 0%, rgb(23,23,23) 50%, rgb(69,73,77) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(58,61,65) 0%, rgb(23,23,23) 50%, rgb(69,73,77) 100%);
    box-shadow: inset 0px 10px 40px 0px rgba(0, 0, 0, 0.55);
    position: absolute;
    left: -8px;
    top: -8px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    z-index: 1;
}
html { overflow-y: hidden; }