Que elementos se queden debajo de div al agrandar uno de estos

[mbm150]

Hola

no entiendo del todo como quieres que quede, pero vertical align funciona con display: inline-block;, algo asi:

Código CSS:

.pack-hover-video {
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.fleet-hover-video {
        display: inline-block;
        vertical-align: bottom;
        width: 100px;
        height: 50px;
        margin-right: 45px;
        background-color: black;
        border-radius: 10px;
        opacity: 0.7;
        text-align: center;
        padding: 30px 20px 0 20px;
        overflow: hidden;
        text-decoration: none;
        color: #fff;
        transition: 1s ease;
}
 
        .fleet-hover-video:hover {
            background-color: red;
            height: 100px;
        }
 

https://jsfiddle.net/mbm150/hfy62vpv/

Espero que te sirva.

Saludos.