.image-watson-logo {
    background: url('/ibm/images/watson-logo-large.jpg');
    width: 133px;
    height: 119px;
    background-size: 100%;
}

.stepthrough {
    margin-top: -68px;
}

@media only screen and (max-width: 735px) {
    .stepthrough {
        margin-left: -68px;
    }
}

.stepthrough,
.image-hardware {
    position: relative;
    width: 400px;
    height: 700px;
}

.image-hardware {
    background: url('/ibm/images/hardware-large.png');
    background-size: 100%;
}

.screens {
    position: absolute;
    top: 84px;
    left: 77px;
    width: 246px;
    height: 532px;
    background: black;
}

.screens figure {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
}

.image-screen-1 {
    background: url('/ibm/images/screen-3-large.jpg');
}
.image-screen-2 {
    background: url('/ibm/images/screen-4-large.jpg');
    will-change: opacity;
    opacity:0; 
    animation-name: slide; 
    animation-duration: 8s;
    /* animation-delay: 2s; */
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes slide {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}

.image-diagram {
    position: relative;
    margin-top: 40px;
    background: url('/ibm/images/diagram-large.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 430px;
    height: 374px;
    text-align: center;
}


.image-diagram div {
    position: absolute;
}

.image-diagram .feedback {
    top: 70px;
    left: 182px;
    width: 71px;
}

.image-diagram .watson-services {
    top: 198px;
    left: 302px;
    width: 120px;
}

.image-diagram .model {
    top: 341px;
    left: 182px;
    width: 71px;
}

.image-diagram .core-ml {
    top: 198px;
    left: 33px;
    width: 115px;
}

@media only screen and (max-width: 735px) {
    .image-diagram {
        width: 350px;
        height: 274px;
        margin: 0 0 40px -40px;
    }
    .image-diagram .feedback {
        top: 53px;
        left: 142px;
        width: 70px;
    }
    .image-diagram .watson-services {
        top: 152px;
        left: 253px;
        width: 80px;
    }
    .image-diagram .model {
        top: 270px;
        left: 142px;
        width: 70px;
    }
    .image-diagram .core-ml {
        top: 152px;
        left: 18px;
        width: 115px;
    }
}