.reveal-text {
    visibility: hidden;
  }
  
.line {
    position: relative;
    overflow: hidden;
    display: flex;
  }

/* CSS for phone slider */
.image-container{
    position: absolute;
    margin-top: -50px;
}
.carousel-container {
    width: 20%;
    margin: -400px 0px 0px 550px;
    overflow: hidden;
}

.carousel {
    display: flex;
    transition: transform 0.3s ease;
}

.carousel-slide {
    flex: 0 0 100%;
}

img {
    max-width: 100%;
    height: auto;
}

/*  CSS for fireworks */
.fireworks{
    background-image: url('../img/fireworks.svg');
    background-position: center;
    background-repeat: no-repeat;
    height: 450px;
    width: 450px;
}

.hand-as{
    margin: -300px 0px 80px 0px;
    position: absolute;
}