.img-2 {
    position: fixed;
    top: 25.5%;
    left: 45%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25vw;
    height: 75vh;
    z-index: 1;
}

.img-2 .container {
    width: 461.25px;
    height: 315px;
    position: relative;
    z-index: 2;
}

.img-2 .long-bar {
    position: absolute;
    height: 315px;
    width: 56.25px;
    background-color: #6bc3eb;
    z-index: 3;
}

.img-2 .bar-1 {
    left: 56.25px;
}

.img-2 .bar-2 {
    right: 56.25px;
}

.img-2 .screen {
    position: absolute;
    height: 243px;
    width: 416.25px;
    padding: 22.5px;
    background: #532b7b;
    border-radius: 11.25px;
    z-index: 4;
}

.img-2 .content {
    height: 243px;
    width: 416.25px;
    position: relative;
    background-color: #fff;
    z-index: 5;
}

.img-2 .keyboard {
    position: absolute;
    bottom: 0;
    width: 461.25px;
    height: 22.5px;
    background: #5db3e3;
    z-index: 4;
}

.img-2 .sc-el-1 {
    position: absolute;
    top: 11.25px;
    left: 33.75px;
    width: 360px;
    height: 78.75px;
    background-color: #5db3e3;
    border-radius: 1.5px;
    z-index: 6;
}

.img-2 .sc-ln {
    position: absolute;
    height: 4.5px;
    width: 292.5px;
    background-color: #532b7b;
    z-index: 7;
    left: 7.5px;
}

.img-2 .sc-el-1-ln-1 {
    top: 9px;
}

.img-2 .sc-el-1-ln-2 {
    top: 22.5px;
}

.img-2 .sc-el-1-div {
    position: absolute;
    top: 45px;
    left: 33.75px;
    color: #fff;
    font-size: 27px;
    z-index: 7;
}

.img-2 .sc-el-1-div > div {
    display: inline-block;
    z-index: 8;
    -webkit-text-fill-color: black;
    font-size: 24px;
}

.img-2 .sc-el-2 {
    position: absolute;
    top: 101.25px;
    left: 33.75px;
    height: 120px;
    width: 360px;
    z-index: 6;
}

.img-2 .person {
    width: 112.5px;
    height: 101.25px;
    position: absolute;
    z-index: 7;
    top: 26.25px;
}

.img-2 .head {
    position: absolute;
    width: 40.5px;
    height: 40.5px;
    background: orange;
    z-index: 8;
    border-radius: 50%;
    left: 35.625px;
}

.img-2 .body {
    position: absolute;
    top: 40.5px;
    left: 22.5px;
    height: 33.75px;
    width: 67.5px;
    border-radius: 67.5px 67.5px 0 0;
    background: orange;
    z-index: 8;
}

.img-2 .sc-el-3 {
    position: absolute;
    width: 225px;
    height: 90px;
    top: 120px;
    left: 168.75px;
    z-index: 6;
}

.img-2 .bar {
    width: 225px;
    height: 22.5px;
    background: #5db3e3;
    margin-bottom: 22.5px;
    display: flex;
    align-items: center;
}

.img-2 .circle {
    margin-left: 1.5px;
    width: 20.25px;
    height: 20.25px;
    background-color: #fff;
    border-radius: 50%;
}