콘텐츠 위젯 (기본 content) 를 사용, 모바일에서 이미지 리사이즈

안녕하세요 콘텐츠 위젯 (기본 content) 를 사용 하여, 최근갤러리를 불러오게 하였습니다.

데스크탑에선 이상없이 출력 되나, 모바일에서 아무래도 삐져? 나오는 현상이 나오게 됩니다.

물론 반응형 설정이 안되서 그런건데.... 몇가지 방법을 사용했지만 안되더군요

이미지에 강제로 style=width:100% 직접 주어보기도 했는데 안되어서 이렇게 문의 드립니다.

기본 콘텐츠위젯 스킨을 활용하여 모바일에서도 이상없이 출력되려면 어떤 방법이 있을지 문의 드려봅니다.

원하는 건, 이미지가 전체 창에 대비하여 자동 리사이즈 되기를 원합니다. 100% 중 4개를 출력하면 모바일에서는 25% 이렇게 되기를 원하는데 직접 25% 를 줘도 안되더라구요

                    <!--@if($item->getThumbnail())-->
                        <img src="{$item->getThumbnail()}" style="width:25%;height:{$widget_info->thumbnail_height}px;"/>
                    <!--@else-->
                        <!--<span class="imgNone">{$lang->none_image}</span>-->
                        <img src="/img/noimage.jpg" style="width:{$widget_info->thumbnail_width}px;height:{$widget_info->thumbnail_height}px" />
                    <!--@end-->

https://godpeople.or.kr/board/3376448 이방법도 안되고...

https://xe1.xpressengine.com/qna/23247746 이것도 안되고...

아래는 테스트 사이트 입니다....