acercar imágenes con css sin cambiar el tamaño

Me gustaría acercar una imagen sin cambiar su tamaño. ¿Alguien sabe si esto es posible? Ya probé 'overflow: hidden' pero desafortunadamente no funciona.

Por ejemplo, tengo una imagen de 300px x 300px. Quiero que la imagen tenga el mismo tamaño (300x300) pero agrandar el contenido.

Aquí está mi código, ¡gracias por cualquier sugerencia!

HTML

<div class="wrapper">
        <div id="p1"> </div>
</div>

CSS

div.wrapper{
    overflow: hidden;
}

div.wrapper > div{
    width: 100%;
    height: 100%;

    -webkit-transition: all 4s ease;
       -moz-transition: all 4s ease;
         -o-transition: all 4s ease;
        -ms-transition: all 4s ease;
            transition: all 4s ease;    

    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
        -ms-background-size: cover;
            background-size: cover; 
}

div.wrapper:hover > div{
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);          
}

#p1{
    background-image: url(../images/pic1.jpg);
    width: 350px;
    height: 520px;
    margin-left: 400px;
    margin-top: 70px;
}