img.zoom {
 width: 100%;
 height: 200px;
 border-radius:5px;
 object-fit:cover;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
}


.transition {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
 .modal-header {

  border-bottom: none;
}
 .modal-title {
     color:#000;
 }
 .modal-footer{
   display:none;
 }

 #l1 {
   bottom: 0;
   left: 0;
 }

 #l2 {
   top: 10%;
   left: -50px;
 }

 #l3 {
   top: 19%;
   left: -55%;
 }

 #l4 {
   top: 257px;
   right: 90%;
 }

 #l5 {
   top: 9%;
   right: -10px;
 }

 #l6 {
   bottom: -20px;
   left: 10%;
 }

 #l7 {
   bottom: 17%;
   left: -39%;
 }

 #l8 {
   bottom: 18%;
   right: 95%;
 }

 #l9 {
   bottom: 5%;
   right: -5%;
 }
 .layer {
   position: absolute;
   z-index: 0;
 }