.main-page-container {
    position: relative;
    height: fit-content;
    min-width: 300px;
    max-width: 650px;
    min-height: 430px;
    perspective: 3000px;
}

.main-page {
    position: absolute;
    width: 600px; /* Adjust as needed */
    height: calc(600px * 619 / 930); /* Maintain aspect ratio */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(20deg);
    background: url(../../assets/img/MainPage.png) no-repeat center;
    background-size: cover;
    border: 5px solid #212B84;
    filter: drop-shadow(0px 0px 62px #243099);
    border-radius: 27px;
}

.main-page1 {
    position: absolute;
    width: 550px; /* Adjust as needed */
    height: calc(550px * 561 / 843); /* Maintain aspect ratio */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateX(20deg);
    background: url(../../assets/img/MainPage1.png) no-repeat center;
    background-size: cover;
    border: 3px solid #0038FF;
    filter: drop-shadow(0px 0px 62px #0E29B6);
    border-radius: 27px;
    animation: float 3s infinite ease-in-out;
    z-index: +1;
}