iphone6/7/8のレスポンシブ対応で画像が小さく見えない

前提・実現したいこと

iphone6/7/8のレスポンシブ対応が画像はかなり小さくこまめサイズになります。

教えていただけると幸いです。m(__)m

該当のソースコード

HTML
1 <section class="works">
2      <div class="container works-container">
3        <p class="jp-ttl">制作実績</p><!-- /.jp-ttl -->
4        <p class="en-ttl">works</p><!-- /.en-ttl -->
5               <!-- <div class="aos-init aos-animate" data-aos="zoom-in-up">-->
6                <ul id="slider" class="works-list aos-init aos-animate" data-aos="zoom-in-up">
7                    <!--1-->
8                    <li class="works-item">
9                        <div class="works-txt">
10                            <p class="work-ttl">コーディングカンファレンスのイベント LPの制作を行いました！</p>
11                            <div class="info">
12                                <dt>採用技術：</dt>
13                                <dd> jQuery,WordPress</dd>
14                                <dt>実装期間：</dt>
15                                <dd>4週間/dd>
16                                <dt>担当コーダー：</dt>
17                                <dd>石井</dd>
18                            </div>
19                        </div>
20                        <div class="works-img">
21                            <img src="./image/work1-unsplash.png" alt="">
22                        </div>
23                    </li>
24                    <!--2-->
25                    <li class="works-item">
26                        <div class="works-txt">
27                            
28                                <p class="work-ttl">株式会社サンプル様採用サイトのコーデ ィングを行いました！</p>
29                                <div class="info">
30                                    <dt>採用技術：</dt>
31                                    <dd>jQuery,Bootstrap4</dd>
32                                    <dt> 実装期間：</dt>
33                                    <dd>2週間</dd>
34                                    <dt> 担当コーダー：</dt>
35                                    <dd>石井</dd>
36                                </div>
37                            
38                        </div>
39                        <div class="works-img">
40                            <img src="./image/works2-digital_1280.png" alt="">
41                        </div>
42                    </li>
43                    <!--3-->
44                    <li class="works-item">
45                        <div class="works-txt">
46                            <p class="work-ttl">株式会社サンプル様通販サイトのコーデ ィングを行いました！</p>
47                            <div class="info">
48                                <dt>採用技術：</dt>
49                                <dd>jQuery,Bootstrap4</dd>
50                                <dt>実装期間：</dt>
51                                <dd> 6週間</dd>
52                                <dt>担当コーダー：</dt>
53                                <dd>石井</dd>
54                            </div>
55                        </div>
56                        <div class="works-img">
57                            <img src="./image/works3-unsplash.png" alt="">
58                        </div>
59                    </li>
60                    <li class="works-item">
61                        <div class="works-txt">
62                                <p class="work-ttl">株式会社サンプル様採用サイトのコーデ ィングを行いました！</p>
63                                <div class="info">
64                                    <dt>採用技術：</dt>
65                                    <dd>jQuery,Bootstrap4</dd>
66                                    <dt> 実装期間：</dt>
67                                    <dd>2週間</dd>
68                                    <dt> 担当コーダー：</dt>
69                                    <dd>石井</dd>
70                                </div>
71                        </div>
72                        <div class="works-img">
73                            <img src="./image/works2-digital_1280.png" alt="">
74                        </div>
75                    </li>
76                  
77                </ul>    
78            </div><!--aos-init / -->
79        </div><!-- /.container -->    
80        </section>

CSS
1.works {
2  background-color: #fff;
3  width: 1366px;
4  height: 700px;
5}
6
7.works-list {
8  display: -webkit-box;
9  display: -ms-flexbox;
10  display: flex;
11  -webkit-box-pack: justify;
12      -ms-flex-pack: justify;
13          justify-content: space-between;
14  -webkit-box-align: center;
15      -ms-flex-align: center;
16          align-items: center;
17  margin: 0 auto;
18}
19
20.works-list .works-item {
21  width: 100%;
22  height: 58%;
23  border: 1px solid #DDDDDD;
24  border-radius: 8px;
25  display: -webkit-box;
26  display: -ms-flexbox;
27  display: flex;
28  -webkit-box-orient: vertical;
29  -webkit-box-direction: reverse;
30      -ms-flex-direction: column-reverse;
31          flex-direction: column-reverse;
32  margin: 68px 27px 90px 27px;
33}
34
35.works-list .works-item .works-txt {
36  padding-left: 18px;
37}
38
39.works-list .works-item .works-txt .works-ttl {
40  display: block;
41}
42
43.works-list .works-item .works-txt .info {
44  padding-top: 30px;
45  padding-bottom: 40px;
46  font-size: 1.4rem;
47}
48
49.works-list .works-item img {
50  padding-bottom: 18px;
51}