Have Image fade in and fade out

Hi still trying to figure out!
Right now the banner image just fades in but I want each photo to fade in THEN fade out, example, 

[1] Fade in, then fade out after 3 seconds, [2] fade in and then fade out after 3 seconds, etc the current code I am using is  

https://okra-vanilla-n2tn.squarespace.com/ the password is 123

/// Speech bubble fade in HOME PAGE

Add this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("div#block-yui_3_17_2_1_1698099613340_5182").show().delay(3000).fadeOut();
});
</script>

(Just a test code for (1) image, to see if I understand your request correctly?)

On 11/4/2023 at 2:42 AM, tuanphan said:

Add this code to Website > Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("div#block-yui_3_17_2_1_1698099613340_5182").show().delay(3000).fadeOut();
});
</script>

(Just a test code for (1) image, to see if I understand your request correctly?)

thank you! will take a look