.blackOverlay {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}


.carouselImageChange-1 {
    content:url("../../public/img/static/header-home-tv.png");
}

.carouselImageChange-2 {
    content:url("../../public/img/static/banner-heladeras-03\ 1.png");
}


@media (max-width: 500px) {
    .blackOverlay {
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.50) 100%);
    }

    .carouselImageChange-1 {
        content:url("../../public/img/static/skyworth-lineup-mobile.jpg");
    }

    .carouselImageChange-2 {
        content:url("../../public/img/static/skyworth-cosmos-mobile.jpg");
    }

    .carouselImageChange-3 {
        content:url("../../public/img/static/skyworth75-mobile.png");
    }
}

.fixed-size {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.carousel-container-product {
  max-height: 500px;
  height: 500px;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-inner-product img {
  height: 500px;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.carousel-indicators button {
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
}

.carousel-container-product .carousel-control-prev-icon,
.carousel-container-product .carousel-control-next-icon {
  filter: brightness(0.6);
}

.carousel-container-product .carousel-control-prev-icon:hover,
.carousel-container-product .carousel-control-next-icon:hover {
  filter: brightness(0.4);
}

.btn-buy-relative{
  position: relative;
  bottom: 120px;
}

@media screen and (max-width: 1200px) {
  .btn-buy-relative{
    bottom: 50px;
  }  
}

@media screen and (max-width: 400px) {
  .btn-buy-relative{
    bottom: 0; 
  }  
}