@media all and (max-device-width: 767px){
    .synopsis>ul{
        width: 90%;
        margin: 0 auto;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .countent{
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .countent p{
        text-align: left;
    }
    .countent img{
        width: 100%;
        object-fit: contain;
    }
    .synopsis .more{
        margin-bottom: 1rem;
        width: 48%;
    }
}