*{box-sizing:border-box;margin:0;padding:0}.container{border:1px solid #000;display:flex;flex-direction:column;height:230px;justify-content:flex-end;position:relative;width:300px}.likes{background-color:red;height:30px;width:100%}.picture{animation-duration:.5s;animation-timing-function:linear;bottom:30px;height:30px;left:50%;position:absolute;transform:translateX(-50%);width:30px}@keyframes first{0%{bottom:30px;left:50%}25%{bottom:80px;left:calc(50% - 50px)}50%{bottom:130px;left:50%}75%{bottom:180px;left:calc(50% + 50px);opacity:.8}to{bottom:230px;left:50%;opacity:.4}}@keyframes second{0%{bottom:30px;left:50%}25%{bottom:80px;left:50%}50%{bottom:130px;left:calc(50% + 50px)}75%{bottom:180px;left:calc(50% - 50px);opacity:.8}to{bottom:230px;left:50%;opacity:.4}}@keyframes third{0%{bottom:30px;left:50%}25%{bottom:80px;left:50%}50%{bottom:130px;left:calc(50% - 50px)}75%{bottom:180px;left:calc(50% + 50px);opacity:.8}to{bottom:230px;left:50%;opacity:.4}}@keyframes four{0%{bottom:30px;left:50%}25%{bottom:80px;left:calc(50% + 50px)}50%{bottom:130px;left:50%}75%{bottom:180px;left:calc(50% - 50px);opacity:.8}to{bottom:230px;left:50%;opacity:.4}}