.hero{
     background-image: url(../img/physician-banner.jpg);
     max-height: 400px;
     background-position: center;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     z-index: 2;
 }
 .hero::after{
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(214, 210, 224, 0.363);
     z-index: -1;
 }

 .col-img{
     background-image: url(../img/local-map.jpg);
     display:block;
     margin: auto;
     background-position: center;
     background-size: cover;
     width: 264px;
     min-height: 220px;
 }


 section{
     padding-top: 50px;
     padding-bottom:50px;
 }