JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="block"></div>
    <div class="block"></div>
</div>
<button class="move">Click</button>

CSS

.container {
    border: 2px solid blue;
    display: inline-block
}

.block {
    width: 100px;
    height: 100px;
    background: red;
    margin: 5px;
}

.move {
    display: block
}

JavaScript

$(document).ready(function() {
        $('.move').click(function() {
            $('.block:first-child').animate({scrollTop: '-100px'}, 1000, function() {
                $(this).remove();
            });
        });
    });