/*Jumbotron images*/

.jumbotron-image-index-1 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ), url("../img/background-bottom.jpg") center / cover;
    -webkit-animation:opac 8s;animation:opac 8ss
        
}
    /*Welcome*/


.jumbotron-image-index-2 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ), url("../img/index/index-1.JPG") center / cover;
    -webkit-animation:opac 8s;animation:opac 8s
}

    /*Welcome*/

.jumbotron-image-index-3 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ), url("../img/index/index-2.JPG") center / cover;
    -webkit-animation:opac 8s;animation:opac 8s
}

.jumbotron-image-index-4 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ), url("../img/index/index-3.JPG") center / cover;
    -webkit-animation:opac 8s;animation:opac 8s
}

/*background images*/

.background-image-index-1 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)
    ), url("../img/index/index-2.JPG") center / cover;
    height:300px;
    background-color: #00ACC1;
}



.background-image-index-2 {
    background:linear-gradient(
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)
    ),  url("../img/index/index-4.JPG") center / cover;
     height:300px;
    background-color: #00ACC1;
}


.background-image-index-3 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)
    ), url("../img/index/index-3.JPG") center / cover;
     height:300px;
    background-color: #00ACC1;
}

.background-image-index-4 {
    background: linear-gradient(
      rgba(0, 0, 0, 0.25),
      rgba(0, 0, 0, 0.25)
    ), url("../img/index/index-1.JPG") center / cover;
     height:300px;
    background-color: #00ACC1;
}