.item-box{
    margin-bottom: 50px;
    background-color: white;
    box-shadow: 0 0 1px rgb(255, 254, 254);
    border-radius: 1em;
    padding: 1em;
    transition: box-shadow 1s;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.item-box:hover{
    box-shadow: 0 0 15px black;
    transition: box-shadow 1s;
}

.card-img-over{
    z-index: 1;
}

.card-img-under{
    z-index: 0;
}

.item-imagebox:hover .card-img-over{
    z-index: 0;
}

.item-imagebox:hover .card-img-under{
    z-index: 1;
}

@media all and (max-width: 600px){
    .item-box{
        width: 80%;
        height: 400px;
        min-width: 320px;
    }

    .item-imagebox{
        position: relative;
        width: 280px;
        height: 280px;
        margin-left: auto;
        margin-right: auto;
    }

    .item-imagebox img{
        width: 280px;
        height: 280px;
        position: absolute;
        top: 0;
    }

    .item-box h5{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .item-box h4{
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

}


@media all and (min-width: 600px)and (max-width: 1200px){
    .item-box{
        width: 80%;
        height: 500px;
    }

    .item-imagebox{
        position: relative;
        width: 400px;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .item-imagebox img{
        width: 400px;
        height: 400px;
        position: absolute;
        top: 0;
    }

    .item-box h5{
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .item-box h4{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

}

@media all and (min-width: 1200px){
    .item-box{
        width: 68%;
        height: 500px;
    }

    .item-imagebox{
        position: relative;
        width: 400px;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .item-imagebox img{
        position: absolute;
        width: 400px;
        height: 400px;
        position: absolute;
        top: 0;
    }

    .item-box h5{
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .item-box h4{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}