/*estilos*/

.carousel {
    margin-top: -40px;
}

.carousel .carousel-item {
    /*para centrar texto en la imagen*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    user-select: none;
    /*para que el usuario no pueda seleccionar los textos*/
    /* background: #ccc;*/
    width: 390px;
    /*tamaño de carrusel*/
    height: 300px;
}

.carousel .carousel-item img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /*enviar imagen al fondo(para que el texto quede adelante*/
    border-radius: 0%;
    /*poner borde a la imagen */
}

.carousel .indicators .indicator-item {
    border-radius: 0;
    transform: rotate(45deg);
    margin: 0 15;
    background: #000000;
    /*color rombos*/
}