.ilText{
    position: relative;
    top:-200px;
    left: -40%
}
.ilArrow{
    user-select: none;
    position: relative;
    width: 65%;
}
.miText{
    position: relative;
    top:-510px;
    left: 20%
}
.miArrow{
    user-select: none;
    transform: rotate(140deg);
    position: relative;
    width: 65%;
    top: -250px;
    left: -40%
}
.denText{
    position:relative;
    top: -200px;
    left: 30%

}
.denArrow{
    user-select: none;
    transform: scale(-1, 1) rotate(-25deg);
    position: relative;
    width: 65%;
    left: -30%;
    top: -55px

}
.avatar{
    user-select: none;
    width: 50%;
    cursor: pointer;
    z-index: 10;
}
.avatar:hover{
    width: 60%;
    transition: 0.3s;
    opacity: 0.7;
}
.person{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.team{
    font-family: 'Inconsolata', monospace;
    color: #323232;
    padding-top: 21%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    scroll-snap-align: start;

}


.carouselAvatar{
    display: flex;
    flex-direction: row;
    gap:10px;
    margin-top:5%;
    justify-content: center;
    align-items: center;
}