The div block is moved. How to lower it down and fix it?

Question

css

Hello, I've been struggling for a few days now.
I am writing a one page website.
I want the picture that is in the div (.airport) to be pressed to the very bottom, and when the screen size decreases, it does not go up, but decreases. Please tell me, I have always been helped here.

<div class="section" data-anchor="F_1Page" id="F_1">
    <!--section fullpage js -->
    <div class="cloudsF">
        <!--anim background css -->
        <div class="airport">
            <!--вот тут -->
            <table class="table_air" border="1" width="100%">
                <tr>
                    <!--самолеты -->
                </tr>
                <tr>
                    <!--самолеты -->
                </tr>
            </table>
        </div>
    </div>
</div>

.airport{
    background: url(../../img/airport.png) no-repeat;
    width: 100%;
    height: 1000px;
    display: block;

    background-size: contain;
    position: absolute;
    bottom:0;
}
.cloudsF{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    display:block;
    background:transparent url(../../img/cloudsF.png) repeat;
    z-index:3;
    animation:move-clouds-backF 200s linear infinite;
    transform: translatez(0);
}