무료 비지니스 테마에서 사진 위치 변경 문의

무료 비지니스 테마 감사히 잘 사용중입니다.

'use a library'란에서 기존의 글들은 지우고 사진만 표현하고 싶은데 아래 코드에서 li를 지우고 img만 남겨두면 사진이

왼쪽으로 붙어버리네요.. 불러오는 이미지를 중앙으로 고정시키려면 어떻게 해야하는지, 크기는 어떻게 조절하는지요?

<div class="py-5" style="background:#f2f2f2;">

<div class="container">

<div class="center-heading margin-top-40">

<h2>USE A <strong>LIBRARY</strong> </h2>

<span class="center-line"></span>

</div>

  <!-- Features Section -->

  <div class="row margin-top-50 margin-bottom-50">

<div class="col-lg-5">

  <h2>JavaScript Library</h2>

  <p class="ko_17">테마폴더내 라이선스 문서 확인</p>

  <ul>

  <li><strong>GNUboard5 (5.4.5.1)</strong></li>

<li><strong>Bootstrap4</strong></li>

<li>jQuery</li>

<li>Font Awesome5</li>

<li>Working contact form with validation</li>

<li>Unstyled page elements for easy customization</li>

<li>Parallax</li>

<li>Owl</li>

  </ul>

  <p class="ko_16">

  현제 제작되는 모든 테마 및 템플릿은 글로벌하게 <strong><a href="http://ety.kr" target="_blank">에티테마</a></strong> 에서 제작되고 있으며 무료 테마 및 템플릿의 경우에는 이미지가 포함 되어 있지 않습니다. 또한 <strong><a href="http://ety.kr" target="_blank">에티테마</a></strong>로 오시면 추가적인 업데이트된 파일을 다운로드 하실 수 있습니다.</p>

</div>

<div class="col-lg-7">

<img class="img-fluid rounded" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSa5M3w82TqE_YklXDVDanLjni3bG17B0P-YA&usqp=CAU" alt="",top:50px>

<!--<img class="img-fluid rounded" src="http://placehold.it/570x400" alt="">-->

</div>

  </div>

  <!-- /.row -->

</div>

</div>