.bgCarousel {
  height: 19rem;
  width: 100vw;
}

.bgCarousel__item {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.bgCarousel__item:nth-child(1) {
  background-image: url("../images/topp_carousel_1.jpg");
}

.bgCarousel__item:nth-child(2) {
  background-image: url("../images/topp_carousel_2.jpg");
}

.bgCarousel__item:nth-child(3) {
  background-image: url("../images/topp_carousel_3.jpg");
}

/* --------- sm --------- */
@media (min-width: 576px) {
	.bgCarousel {height: 26rem;}
}
/* --------- md --------- */
@media (min-width: 768px) {
	.bgCarousel {height: 33rem;}
}
/* --------- lg --------- */
@media (min-width: 992px) {
	.bgCarousel {height: 40rem;}
}
@media (min-width: 1200px) {
	.bgCarousel {height: 47rem;}
}
@media (min-width: 1400px) {
	.bgCarousel {height: 54rem;}
}