Bootstrap carousel images disappears to early

When I slide to a next image, or when the slider/carousel automatically switches to the next image the previous image disapears too fast, which gives it an extremely ugly look. I’ve made a video to make clear what I mean, can be checked over here.

Link to video

Anyone has an idea?

Code for the carousel:

<div id="contactslidebox" class="carousel slide" data-ride="carousel">

<div class="item active">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/brussels.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Brussels head office</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

<div class="item">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/miami.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Miami office</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

<div class="item">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/press.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Press contact</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

<div class="item">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/customer-support.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Customer support</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>