Why does my loop breaks the css below?

Looks like you have an extra closing div tag and section tag. Add html comments to the closing div tags to keep track of which div they belong to like this:

                </div> <!-- /.ras-tr -->
            </div> <!-- /.ras-tbody -->
        </div> <!-- /.ras-table -->
    </div> <!-- /.ras-item -->

Also verify that there isn’t another template that might have the extra opening section and div tag.