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

    img {
        height: 182px;
        width: 242px;
    }

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

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

    h2 {
        font-size: 36px;
    }

    p {
        font-size: 20px;
    }
}

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

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

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

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

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

    h2 {
        font-size: 46px;
    }

    p {
        font-size: 22px;
    }
}