JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Actual</h1>
<div class="container">
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
    </div>
<h1>Expected Before</h1>
    <div class="container-before">
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
        <div class="icon-holder">
            <img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_square-128.png" class="icon"/>
        </div>
    </div>
<h1>Expected After</h1>
    <div class="container-after">
        <div class="icon-holder">
            <img...

CSS

.icon-holder {
    float:left;
    height:100%; 
    width:auto;
}

.container {
    height:100px;
}

.icon {
    height:auto;
    width: auto;
    max-height: 100%;
    display:block;
}

.container-before {
    height:100px;
}

.container-after {
    height:20px;
}

JavaScript

$(".container").animate({height: "20px"}, 500)