* {margin: 0; padding: 0;}
.magnify {width: 450px; margin: 50px auto; position: relative; margin-top: 50px;}

/*To solve overlap bug at the edges during magnification*/
.small { display: block; max-width: 450px;}
@media all and (max-width: 910px) {
    .magnify {
        margin: 50px auto;
        position: relative;
        margin-top: 50px;
        margin-bottom: 20px;
        width: min-content;
        max-width: 450px;
    }

    .small{
        width: calc(60vw - -57px);
        max-width: 450px;
    }
}
@media all and (max-width: 400px) {
    #contenedorweb {
        position: relative;
        margin-top: 10px;
        margin: auto;
        width: 100%;
    }
    #ContenedorArt {
        vertical-align: middle;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
        display: block;
        border-bottom: 3px solid #4e4e4e;
    }
    .magnify {
        margin: 50px auto;
        position: relative;
        margin-top: 50px;
        margin-bottom: 20px;
        width: min-content;
        max-width: 450px;
    }

    .small{
        width: calc(60vw - -57px);
        max-width: 450px;
    }
}