.overlay {
    width: 100%;
    height: 85vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer {
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-responsive {
    position: relative;
    right: 50px;
}

#feature .container .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Modal */
dialog {
	height: 50vh;
	opacity: 0;
	scale: 0;
	display: block;
	transition: all 2.5s;
	overflow: hidden;
	border-radius: 10px;
  }
  
  dialog[open] {
	opacity: 1;
	scale: 1;
	border: none;
    z-index: 500;
  }
  
  dialog img {
	height: 100%;
  }
  
  .image-fade {
	animation: imgFade 0.5s ease-in-out;
  }
  
  @keyframes imgFade {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }