Hello! Does anybody know why the images become blurry?

HTML & CSS
1 
<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Bootstrap Carousel Full Screen</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" media="all">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="container-full top" id="first">
    <nav class="navbar navbar-default" id="main">
      <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar5">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <img src="images/joez.png" class="img-responsive">
          </div>
          <div id="navbar5" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#" class="btn-lg" id="inside"><h3>За мен </h3></a></li>
                <li><a href="#" class="btn-lg" id="inside"><h3>Галерия</h3></a></li>
                <li><a href="#" class="btn-lg" id="inside"><h3>Продукти</h3></a></li>
                <li><a href="#" class="btn-lg" id="inside"><h3>Контакти</h3></a></li>
            </ul>
          </div>
      </div>
    </nav>
  </div>
  <div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="" contenteditable="false"></li>
      <li data-target="#myCarousel" data-slide-to="1" class="active" contenteditable="false"></li>
      <li data-target="#myCarousel" data-slide-to="2" class="" contenteditable="false"></li>
    </ol>
  <div class="carousel-inner">
    <div class="item" style="">
      <img src="images/masaedno.jpg" alt="" class="">
      <div class="carousel-caption">  
        <div class="row">
          <div class="col-md-12 text-center middle"><h3>Стилни, уникални, персонални</h3></div>
        </div>
          <div class="row">
            <div class="col-md-12 text-center big"><h1>Уникални мебели</h1></div>
          </div>
      <div class="row">
        <div class="col-md-12 text-center small"><h4>Мебелите, на които ще придадем уникалност. <br>Тук ще намерите всичко за проектирането и обзавеждането на Вашия дом.</h4></div>
      </div>                 
        <div class="row">
          <div class="col-md-12 text-center buttons inpage-scroll link btn-xs">
            <a href="#works" class="btn" id="onelink"><h4>Контакти</h4></a>
            <a href="#pricingtable" class="btn " id="twolinks"><h4>Продукти</h4></a>
          </div>
        </div>                
    </div>
  </div>

  <div class="item active">
    <img src="images/sekcia.jpg" alt="" class="">
    <div class="carousel-caption">
      <div class="row">
        <div class="col-md-12 text-center middle"><h3>Стилни, уникални, персонални</h3></div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center big"><h1>Уникални мебели</h1></div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center small"><h4>Мебелите, на които ще придадем уникалност. <br>Тук ще намерите всичко за проектирането и обзавеждането на Вашия дом.</h4></div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center buttons inpage-scroll link btn-xs">
          <a href="#works" class="btn" id="onelink"><h4>Контакти</h4></a>
          <a href="#pricingtable" class="btn " id="twolinks"><h4>Продукти</h4></a>
        </div>
      </div>
    </div>
  </div>

  <div class="item" style="">
    <img src="images/legloedno.JPG" alt="" class="">
    <div class="carousel-caption">
      <div class="row">
        <div class="col-md-12 text-center middle"><h3>Стилни, уникални, персонални</h3></div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center big"><h1>Уникални мебели</h1></div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center small"><h4>Мебелите, на които ще придадем уникалност. <br>Тук ще намерите всичко за проектирането и обзавеждането на Вашия дом.</h4></div>
      </div>                 
        <div class="row">
          <div class="col-md-12 text-center buttons inpage-scroll link btn-xs">
            <a href="#works" class="btn" id="onelink"><h4>Контакти</h4></a>
            <a href="#pricingtable" class="btn " id="twolinks"><h4>Продукти</h4></a>
          </div>
        </div>  
      </div>
    </div>
      
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>
</div>

<div class="container">
  <div class="row">
    <div class="col-md-12 text-center" id="heading"><h1>МЕБЕЛИ JOEZ</h1></div>
  </div>
</div>

<div class="container">
    <nav class="navbar navbar-default">
        <div class="container" id="color">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="#"><span>Антре</span></a></li>
                    <li><a href="#"><span>Всекидневни</span></a></li>
                    <li><a href="#"><span>Кухни</span></a></li>
                    <li><a href="#"><span>Легла</span></a></li>
                    <li><a href="#"><span>Магазини</span></a></li>
                    <li><a href="#"><span>Гардероби</span></a></li>
                    <li><a href="#"><span>Маси</span></a></li>
                    <li><a href="#"><span>Ниши</span></a></li>      
                </ul>
            </div>
        </div>
    </nav>
  <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div>
</div>




<div class="container-fluid contacts text-center">
  <div class="row">
    <div class="col-lg-12"><h4 class="strike"><span>Контакти</span></h4>
    </div>
</div>
</div>
<footer class="mojFooter" id="last">
  <font face="Roboto Condensed" size="4"> 
    <center>
      <div class="container">
        <div class=" row bottom-footer">
          <div class="col-md-12 text-center buttons inpage-scroll">
            <a href="https://www.facebook.com/profile.php?id=100000271750826&pnref=friends.search/"><h4 id="nested">Facebook</h4></a>
          </div>
        <div class=" row bottom-footer">
          <div class="col-md-12 text-center buttons inpage-scroll">
            <h4 id="nested">Телефон: +359(0)877 56 45 13</h4></a>
          </div>
       </div>
       <div class=" row bottom-footer">
          <div class="col-md-12 text-center buttons inpage-scroll">
            <h4 id="nested">+359(0)899 82 81 17;</h4></a>
          </div>
       </div>
       <div class=" row bottom-footer">
          <div class="col-md-12 text-center buttons inpage-scroll">
            <h4 id="nested">Имейл: joez@abv.bg;</h4></a>
          </div>
       </div>
    </center>
  </font> 
</footer>

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
5

A post was merged into an existing topic: Bootstrap carousel problem

6