Scroll rolagem em Imagem

Gostaria de colocar um scroll unico apenas na imagem, fazendo com que o resto da pagina fique fixo e poder rolar só a imagem.

Codigo:

<div id="formContact">
             <div id="barra-sty">
             <div class="wrap">
                 
               <a href"javascript:;" onclick="fecharForm();"> <img src="images/close.png"  style="float: right;margin-top: 12px;margin-right:10px;"/></a>
               <img src="images/logom.png">
                 
            </div></div>
             <div class="wrap">
                <div id="img-proj">
                    <img src="images/img.png">
                </div>
                 <div id="text-proj">
                    <h1>CARTÃO DE VISITA</h1>
                     <img src="images/linha.png" style="padding-top: 15px;padding-left: 13px;">
                        <div id="prop1">
                            <h2>Cliente:</h2>
                            <h3><img src="images/proj-icon.png">Fulano de Tal</h3></br></br>
                            <h2>Formato:</h2>
                            <h3><img src="images/proj-icon.png">9x5cm</h3></br></br>
                            <h2>Material:</h2>
                            <h3><img src="images/proj-icon.png">Couchê 300g</h3>
                        </div>
                        <div id="prop2">
                         <h2>Acabamento:</h2> 
                         <h3><img src="images/proj-icon.png">Veniz licalizado</h3>
                         <h3><img src="images/proj-icon.png">Canto Redondo</h3>
                         <h3><img src="images/proj-icon.png">Laminação Fosca</h3>
                     
                        </div>
                 </div>
             </div>

#formContact{
    background-color: white;
 position: fixed;   
width: 100%;
    height: 100%;
    top: 0%;
    opacity: 0;
    display: none;
    z-index: 9998;
}

#formContact img{
 z-index: 9999;   
}