.hero-image {
  background-image: url("images/website.png"); /* The image used */
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: blue;
}


#myDIV {
  background-color:#FFFFFF;
}
#box {
  width:100px;
  padding:50px;
  background-color:lightblue;
  outline: 5px dotted green;
}