.office-item.step2 {
    transition: top 0.8s ease, left 0.8s ease, transform 1.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1.2s ease;
}

.office-item--plant.step2 {
    top: 17% !important;
    left: 8% !important;
    transform: rotate(0deg) !important;
}

.office-item--keyboard.step2 {
    top: 21% !important;
    left: 31.5% !important;
    transform: rotate(0deg) !important;
}

.office-item--notebook.step2 {
    top: 48% !important;
    left: -50% !important;
    transform: rotate(0deg) !important;
}

.office-item--mouse.step2 {
    top: 22% !important;
    left: 64% !important;
    transform: rotate(0deg) !important;
}

.office-item--pen.step2 {
    top: 68% !important;
    left: -18% !important;
    transform: rotate(-18deg) !important;
}

.office-item--phone.step2 {
    top: 21% !important;
    left: 78% !important;
    transform: rotate(0deg) !important;
}

.office-item--cup.step2 {
    top: 45% !important;
    left: 110% !important;
    transform: rotate(-5deg) !important;
}

@media (max-width: 768px) {
    .office-item--plant.step2 {
        top: 13% !important;
        left: 4% !important;
        transform: rotate(0deg) !important;
    }

    .office-item--keyboard.step2 {
        top: 15% !important;
        left: 30% !important;
        transform: rotate(0deg) !important;
    }

    .office-item--notebook.step2 {
        top: 52% !important;
        left: -50% !important;
        transform: rotate(0deg) !important;
    }

    .office-item--mouse.step2 {
        top: 16% !important;
        left: 68% !important;
        transform: rotate(0deg) !important;
    }

    .office-item--pen.step2 {
        top: 72% !important;
        left: -18% !important;
        transform: rotate(-18deg) !important;
    }

    .office-item--phone.step2 {
        top: 15% !important;
        left: 81% !important;
        transform: rotate(0deg) !important;
    }

    .office-item--cup.step2 {
        top: 49% !important;
        left: 110% !important;
        transform: rotate(-5deg) !important;
    }
}