@media screen and (min-width: 600px) and (max-width: 1023px) {
    main {
        width: 392px;
    }

    img {
        height: 30vw;
        width: 40vw;
    }

    #div-position-custom {
        height: 382px;
        width: 400px;
    }

    #div-backbox-custom {
        height: 374px;
        width: 392px;
    }
    
    #div-frontbox-custom {
        height: 374px;
        width: 392px;
    }

    h2 {
        font-size: 36px;
    }

    p {
        font-size: 20px;
    }
}

@media screen and (min-width: 1024px) {
    main {
        width: 492px;
    }

    #img {
        height: 260px;
        width: 260px;
        margin: auto;
    }

    img {
        height: 260px;
        width: 260px;
        top: -30px;
    }

    #div-position-custom {
        height: 362px;
        width: 500px;
    }

    #div-backbox-custom {
        height: 354px;
        width: 492px;
    }
    
    #div-frontbox-custom {
        height: 354px;
        width: 492px;
    }

    h2 {
        font-size: 46px;
    }

    p {
        font-size: 22px;
    }
}