/* for genral pics */
.div-img {
    height: 200px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    padding: 1px;
}
/* for big pics */
.div-img-big {
    height: 165px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    width: 100%;
    border-radius: 5px;
    padding: 1px;
}
/* for small pics */
.div-img-sm {
    height: 70px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    border-radius: 5px;
    padding: 1px;
}
/* for medium pics */
.div-img-md {
    height: 100px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    border-radius: 5px;
    padding: 1px;
}
/* for extra medium pics */
.div-img-e-md {
    height: 130px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    border-radius: 5px;
    padding: 1px;
}
/* for youtube video */
.div-img-video {
    height: 136px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    border-radius: 5px;
    padding: 1px;
}
/* for viewer opinion */
.div-img-viewer {
    height: 65px;
    overflow: hidden;
    background: #00bf63;
    border: 1px solid #00bf63;
    background: linear-gradient(to right, #00bf63, #ff914d);
    display: inline-block;
    border-radius: 5px;
    padding: 1px;
}