코딩중 섹션에 백그라운드 유알엘로 배경을깔았는데,

그 배경을 width:100% 로 스타일 지정해도 반응형으로 적용되지않아서

수정코딩방법좀 질문드립니다 ㅠㅠ

<!--갤러리 섹션-->

<section id="gallery" class="column-4 gutter inner first spacer bg-white" style="background: url(/theme/yami/img/main/hero04.png);">
<!-- column size / gutter -->
<div class="container">
<div class="hero-caption">
<div class="hero-text text-light">
<h6 class="text-eng text-uppercase fw-500" style="font-size:30px; color:#5b9030 ;margin-top:-10;">HUIN 대표 시설물 소개</h6>

<h6 class="text-eng text-uppercase fw-300" style="font-size: 14px;color: #333;">신용과 창의를 혁신하는 기업 휴인주식회사의 대표 시설물을 소개합니다.</h6><br>

<h6 class="text-eng text-uppercase fw-300" style="font-size:15px; color:#8e8e8e;">휴인 주식회사는 집성목재 제조 KS인증 보유업체로서 ‘신용과 창의혁신’을  경영모토로 하여 <br>끊임없는 연구개발을 통해 선진국과 경쟁할 수 있는 세계최고 성능의 구조용 집성목재를 개발 하고 있습니다.</h6><br><br>
</div>
</div>
<div class="row">

<div class="col grid-gallery grid-card" style="overflow:hidden;">