body, html {
  height: auto;
  scroll-behavior: smooth;
}
.bg {
  /* The image used */
  background-image: url("/img/chornakleva22.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.img {
  width: 400px;
  height: 200px;
  border:2px solid #fff;
  background: url(img/712_full.jpg) no-repeat;
  -moz-box-shadow: 10px 10px 5px #ccc;
  -webkit-box-shadow: 10px 10px 5px #ccc;
  box-shadow: 10px 10px 5px #ccc;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  border-radius:25px;
}

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.carousel-inner img {
  width: 100%;
  height: 100%;
}