body {
        margin: 0;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
        background-color: #2d2d2d;
    }

    .logo {
        position: absolute;
        width: 100%;
        margin: 30px 0 0;
        text-align: center;
        z-index: 2;
    }
    .logo img {
        max-width: 30%;
    }

    #full-img {
        width: 100%;
        height: 100%;
    }
    #full-img img {
        position: absolute;
        top: 0;
        max-width: 100%;
        max-height: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #full-img #x-position {
        position: relative;
        left: 36%;
        width: 6%;
        top: 56%;
        height: 10%;
        cursor: pointer;
    }

    #center-gif1 {
        opacity: 1;
    }
    #center-gif2 {
        opacity: 0;
    }
    #center-gif3 {
        opacity: 0;
    }

    @keyframes fadeout {
        from { opacity: 1; }
        to { opacity: 0; }
    }