마우스 호버시 이미지 확대 질문..... 채택완료

구글 검색해봐도 나오긴 나오는데 제 코드에서는 잘 안되서요..

<div class="business">  

        <div class="container">

            <h1>

                <span>+ more</span>

                <b style="padding-top:10px;display: block;padding-left:50px;">스마트하게, 위생적으로, 효율적으로!</b>

            </h1>

            <ul>

                <li>

                    <img class="1" width="40%" src="img/공장.jpg">

                    <p>

                        <b>Plant business</b><br>

                        플랜트 사업<br>

                        <span>

                         축적된 경험과 노하우를 기반으로 구매 설계 자재공급 및<br>시운전 등을 포함한 서비스를 고객의 요구에 맞게 제공합니다.

                        </span>

                    </p>

                </li>

                <li><img class="1" width="40%" src="img/공장2.jpg">

                    <p>

                      <b>R&D business</b><br>

                      연구개발 사업<br>

                      <span>

                        기존의 설비에 안주하는 것이 아닌 항상 새롭고 편리한 설비와<br>자체적인 샘플기계를 제작보유하고 있습니다.

                      </span>            

                    </p>

                </li>

                <li><img class="1" width="33%" src="img/공장3.jpg">

                    <p>

                        <b>Production process</b><br>

                        제작 진행과정<br>

                        <span>

                        대주ENG만의 차별화된 기술력과 그동안 쌓은 전문적인<br>노하우를 바탕으로 고객님들께 신뢰와 믿음으로 보답하겠습니다.

                        </span>

                    </p>

                </li>

            </ul>

        </div>

    </div>

이미지가 있으면 사각형 틀은 가만히 있고 안에 이미지만 커졌다가 원래대로 돌아왔다를 하고 싶은데...

잘 안되네요... 제발 도와주세요