/*Feature parralalx effect for images*/
 .fade-overlay {
     position: absolute;
     width: 100%;
     height: 300px;
     background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
 }

 .parallax1 {
     background-image: url('imagesBB/indeximages/lotus.jpg');
     height: 300px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 /*Bottom header image styling*/
 .main-image-container {
     width: 100%;
     height: 200px;
     overflow: hidden;
 }

 .bottom-header-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }