How can i animate 2 images so that one appears after another after delay of few seconds in the same div

HTML-CSS
1

How can i animate 2 images so that one appears after another after delay of few seconds in the same div

2

javascript and/or javascript