Html 引导转盘'；s图像不'；t调整大小

我有一个带三张照片的旋转木马。不幸的是，它们无法调整大小。我尝试了许多解决方案，但没有一个奏效。我试了又试。我该怎么办？我使用的是Bootstrap3.3.7 这是我的CSS：

.masthead {
    display: table;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background: transparent url("../img/bg.jpg") no-repeat fixed 0px 0px ;
    z-index: 800;
    background-color: #000;
}

.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-1 {
    background-image: url("..//MyImg/Background2.png");
}

.fade-carousel .slides .slide-2 {
    background-image: url("..//MyImg/Background1.png");
}

.fade-carousel .slides .slide-3 {
    background-image: url("..//MyImg/Background3.png");
}

和我的HTML：

<div class="masthead">
    <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">


        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
            <li data-target="#bs-carousel" data-slide-to="1"></li>
            <li data-target="#bs-carousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item slides active">
                <div class="slide-1"></div>
                <div class="hero">
                    <hgroup>
                        <h2 class="col-xs-12">automations</h2>
                        <h3 class="col-xs-12">PLC/SCADA/HMI for any industrial proces</h3>
                    </hgroup>
                    <button class="btn btn-hero btn-lg" role="button">See all features</button>
                </div>
            </div>
            <div class="item slides">
                <div class="slide-2"></div>
                <div class="hero">
                    <hgroup>
                        <h1 style="text-align: left">Industrial IT solutions</h1>
                        <h3 style="text-align: left">the entire spectrum of automation</h3>
                    </hgroup>
                    <button style="float: left;" class="btn btn-hero btn-lg" role="button">See all features</button>
                </div>
            </div>
            <div class="item slides">
                <div class="slide-3"></div>
                <div class="hero">
                    <hgroup>
                        <h1>APPLICATIONS</h1>
                        <h3>software projects locally and in the cloud</h3>
                    </hgroup>
                    <button class="btn btn-hero btn-lg" role="button">See all features</button>
                </div>
            </div>
        </div>
    </div>
</div>

自动装置
用于任何工业过程的PLC/SCADA/HMI
查看所有功能
工业IT解决方案
自动化的整个范围
查看所有功能
应用
本地和云中的软件项目
查看所有功能

对于响应图像，不要使用固定高度属性。@TakácsBotond，但我应该使用什么？