* {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;   
            -webkit-box-sizing: border-box;
        }

section {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
	
	.door {
	    width: 500px;
	    height: 400px;
	    background: url(https://php.refence.fr/wp-content/uploads/2025/02/jpo.jpg) no-repeat;
	    margin: 80px auto;
	    position: relative;
	    perspective: 1000px;
	    backface-visibility: visible;
	    background-size: contain;
	    background-position: center;
	    background-color: #a29bc8;
	}

.door {
            width: 500px;
            height: 400px;
            margin: 80px auto;
            position: relative;
            perspective: 1000px;
            backface-visibility: visible;
        }

	.left {
	    position: absolute;
	    top: 0px;
	    left: 0;
	    width: 50%;
	    height: 100%;
	    border: 5px solid black;
	    content: "";
	    background: #fbe2169e;
	    backdrop-filter: blur(3px);
	}

	.left::before {
	    width: 5px;
	    height: 30px;
	    background: black;
	    content: "";
	    position: absolute;
	    top: 50%;
	    right: 5px;
	    border-radius: 5px;
	}

	.right {
	    position: absolute;
	    top: 0px;
	    right: 0;
	    width: 50%;
	    height: 100%;
	    border: 5px solid black;
	    content: "";
	    background: #fbe2169e;
	    backdrop-filter: blur(3px);
	}

	.right::before {
	    width: 5px;
	    height: 30px;
	    background: black;
	    content: "";
	    position: absolute;
	    top: 50%;
	    left: 5px;
	    border-radius: 5px;
	}

@keyframes dooropen {
            0% {
                transform: rotateY(0deg);
            }

            100% {

                transform: rotateY(-116deg);
            }

        }

        @keyframes dooropenright {
            0% {
                transform: rotateY(0deg);
            }

            100% {

                transform: rotateY(116deg);
            }

        }

.section-2{
  background:pink;
}

.section-3{
  background:#000;
}