.door{
    width:100%;
    max-width: 700px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999;
    background-image:url(../image/opendoor.png);
    background-size:100% 100%;
}

.door .doorContainer{
    position: relative;
    width: 65%;
    height: 68%;
    margin: auto;
    top: 20.5%;
    perspective:500px
}

.door .doorContainer div{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: 1s ease-out;
    transform: rotateY(0deg);
}

.door .doorContainer div img{
    width: 100%;
    height: 100%;
}

.door .doorContainer .left{
    left: 0;
    transform-origin: left center;
}

.door .doorContainer .right{
    right: 0;
    transform-origin: right center;
}

.open .left{
    transform: rotateY(-130deg)!important;
}
.open .right{
    transform: rotateY(130deg)!important;
}