change out and compress team images and fix team breakpoint

dist/index.html

@@ -225,7 +225,7 @@
                     <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                 </div>
                 <div class="row">
-                    <div class="col-sm-4">
+                    <div class="col-lg-4">
                         <div class="team-member">
                             <img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="" />
                             <h4>Kay Garland</h4>
@@ -233,7 +233,7 @@
                             <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a><a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                         </div>
                     </div>
-                    <div class="col-sm-4">
+                    <div class="col-lg-4">
                         <div class="team-member">
                             <img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="" />
                             <h4>Larry Parker</h4>
@@ -241,10 +241,10 @@
                             <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a><a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                         </div>
                     </div>
-                    <div class="col-sm-4">
+                    <div class="col-lg-4">
                         <div class="team-member">
                             <img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="" />
-                            <h4>Diana Pertersen</h4>
+                            <h4>Diana Petersen</h4>
                             <p class="text-muted">Lead Developer</p>
                             <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a><a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a><a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                         </div>

src/pug/index.pug

@@ -212,7 +212,7 @@ html(lang='en')
                     h2.section-heading.text-uppercase Our Amazing Team
                     h3.section-subheading.text-muted Lorem ipsum dolor sit amet consectetur.
                 .row
-                    .col-sm-4
+                    .col-lg-4
                         .team-member
                             img.mx-auto.rounded-circle(src='assets/img/team/1.jpg', alt='')
                             h4 Kay Garland
@@ -223,7 +223,7 @@ html(lang='en')
                                 i.fab.fa-facebook-f
                             a.btn.btn-dark.btn-social.mx-2(href='#!')
                                 i.fab.fa-linkedin-in
-                    .col-sm-4
+                    .col-lg-4
                         .team-member
                             img.mx-auto.rounded-circle(src='assets/img/team/2.jpg', alt='')
                             h4 Larry Parker
@@ -234,10 +234,10 @@ html(lang='en')
                                 i.fab.fa-facebook-f
                             a.btn.btn-dark.btn-social.mx-2(href='#!')
                                 i.fab.fa-linkedin-in
-                    .col-sm-4
+                    .col-lg-4
                         .team-member
                             img.mx-auto.rounded-circle(src='assets/img/team/3.jpg', alt='')
-                            h4 Diana Pertersen
+                            h4 Diana Petersen
                             p.text-muted Lead Developer
                             a.btn.btn-dark.btn-social.mx-2(href='#!')
                                 i.fab.fa-twitter