This code will add a darkmode class on darkmode turned on with the local storage, and will change the darkmode image using the the data attribute.

darkmode-with-image-change.html

<!-- Button HTML  -->
<div class="darkmode d-flex">
    <p class="my-auto">Darkmode: </p>
    <div class="form-check form-switch ms-2 transform-icon">
        <input data-text="Turn on or off dark mode" class="darkModeButton form-check-input shadow-none" type="checkbox" role="switch">
    </div>
</div>

<!-- Image HTML  -->
<img data-original-src="your-path" data-dark-mode-src="your-path" src="your-path" alt="Inspire FM" class="img-fluid w-75 dark-mode-image" loading="eager" />

darkmode-with-image-change.js

//jQuery Code
const toggleDarkMode = () => {
    const body = $('body');
    const isDarkMode = !body.hasClass('dark-mode');
    body.toggleClass('dark-mode', isDarkMode);
    localStorage.setItem('darkMode', isDarkMode);
    updateImages(isDarkMode);
    const darkModeButton = $('.darkModeButton');
    darkModeButton.prop('checked', isDarkMode);
   // darkModeButton.toggleClass('fa-moon fa-sun');
};

const updateImages = (isDarkMode) => {
    const imagesToChange = $('.dark-mode-image');
    imagesToChange.each((index, element) => {
        const darkModeSrc = $(element).data('dark-mode-src');
        const newSrc = isDarkMode ? darkModeSrc : $(element).data('original-src');
        $(element).attr('src', newSrc);
    });
};

const darkModePref = localStorage.getItem('darkMode');
if (darkModePref === 'true') {
    $('body').addClass('dark-mode');
    updateImages(true);
    $('.darkModeButton').prop('checked', true);
    $('.darkModeButton').removeClass('fa-moon').addClass('fa-sun');
}

$('.darkModeButton').on('click', toggleDarkMode);