.container-character{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 8%;
}

.container-character h1{
    font-size: 2.5rem;
    font-weight: 700;
    color: #BFA76F;
    margin-bottom: 12%;
}

.slider{
    position: relative;
    display: flex;
}

.slider a img{
    width: 500px;
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 250px);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.slider a{
    transition: 0.3s all ease;
}

.slider .parts:nth-child(1){
    transform: translate3d(-380px, 0, 0) scale(0.5);
    opacity: 1;
    z-index: 1;
}
.slider .parts:nth-child(2){
    transform: translate3d(-200px, 0, 0) scale(0.8);
    opacity: 1;
    z-index: 2;
}
.slider .parts:nth-child(3){
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 3;
}
.slider .parts:nth-child(4){
    transform: translate3d(200px, 0, 0) scale(0.8);
    opacity: 1;
    z-index: 2;
}
.slider .parts:nth-child(5){
    transform: translate3d(380px, 0, 0) scale(0.5);
    opacity: 1;
    z-index: 1;
}
.slider .parts:nth-child(6){
    transform: translate3d(380px, 0, 0) scale(0.5);
    opacity: 1;
    z-index: 0;
}

.container-character-mobile{
    display: none;
}

@media screen and (max-width: 500px){
    .container-character{
        display: none;
    }
    
    .container-character-mobile{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 8%;
    }

    .container-character-mobile h1{
        font-size: 1.6rem;
        font-weight: 700;
        color: #BFA76F;
        margin-bottom: 12%;
    }

    .container-character-mobile a{
        width: 80%;
        margin-bottom: 10px;
    }

    .container-character-mobile img{
        width: 100%;
    }
}