.desk500 {
    padding: 4px 16px;
}

.desk501 {
    margin: 16px 32px;
}

.desk502 {
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;   
}

.desk502 img, .desk503 img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.desk503 {
    display: none;
}



/* screen size define */

@media (min-width: 321px) and (max-width: 480px) {
    .desk500 {
        padding: 0;
    }
    
    .desk501 {
        margin: 16px 18px;
    }    
    
    .desk502 {
        display: none;
    }

    .desk503 {
        display: block;
    }
}

/*
@media (max-width: 320px)
@media (min-width: 321px) and (max-width: 480px)
@media (min-width: 481px) and (max-width: 600px)
@media (min-width: 601px) and (max-width: 900px)
@media (min-width: 901px) and (max-width: 1200px)
@media (min-width: 1201px) and (max-width: 1800px)
@media (min-width: 1801px)
*/