.display-img {
    border: 1px dashed #959595;
    border-radius: 10px;
    margin-bottom: 25px;
    height: auto;
    width: 125px !important;
    padding: 5px;
    pointer-events: none !important;
}

@media (min-width: 320px) and (max-width: 500px) {
    .img-preview-blog, .banner-img-blog {
        width: 200px !important;
        height: auto !important;
        pointer-events: none !important;
        margin: 0 auto;
        display: inherit;
    }
}
@media (min-width: 501px) and (max-width: 769px) {
    .img-preview-blog, .banner-img-blog {
        width: 420px !important;
        height: auto !important;
        pointer-events: none !important;
        margin: 0 auto;
        display: inherit;
    }
}
@media (min-width: 800px) and (max-width: 980px)  {
    .img-preview-blog {
        width: 550px !important;
        height: auto !important;
        pointer-events: none !important;
        margin: 0 auto;
        display: inherit;
    }
    .banner-img-blog {
        width: 400px !important;
        height: auto !important;
        pointer-events: none !important;
        margin: 0 auto;
        display: inherit;
    }
}
@media (min-width: 981px) {
    .img-preview-blog {
        width: 260px !important;
        height: auto !important;
        pointer-events: none !important;
        margin: 0 auto;
        display: inherit;
    }
    .banner-img-blog {
        width: 550px !important;
        height: auto !important;
        pointer-events: none !important;
        margin: 0 auto;
        display: inherit;
    }
}