Imagens do Carrossel

Estou com um problema com as imagens no carrossel. As imagens do carrossel possuem uma transição de uma para outra como estivessem rodando, enquanto as minhas surgem do nada e desaparecem na lateral esquerda. Vi que já foi feito uma pergunta semelhante, e a solução aparente foi a atualização do navegador.Tentei atualizar mas o meu está na ultima versão também. Dando uma olhada no arquivo bootstrap.css, a classe responsável por esse efeito aparentemente é a .carousel-item. Queria saber se há algum video ou arquivo de texto que explique como esse tipo de transição do css acontece, e o que eu poderia fazer para arrumar esse problema.

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}