I'm trying to make a contact form on my website with SMTP JS. However, when I submit info into the form it's not working outputting error message: "SMTP JS Contact Form Says "Mailbox name not allowed. The server response was: Envelope FROM 'example@example.com' email address not allowed."

Here is my code: HTML:

  <form onsubmit="send(); reset(); return false;">
            <input placeholder="First Name" required id="first-name"><br>
            <input placeholder="Last Name" required id="last-name"><br>
            <input placeholder="Email Adress" required id="email"><br>
            <button>Submit</button>
        </form>

SMTP JS

<script src="https://smtpjs.com/v3/smtp.js"></script>
<script>
var send = function() {
    Email.send({
    Host : "smtp.elasticemail.com",
    Username : "example@example.com",
    Password : "My Password",
    To : 'example@example.com',
    From : document.getElementById("email").value,
    Subject : "New Signup!!!",
    Body : "And this is the body"
}).then(
  message => alert(message)
);
};
    </script>

I've tried moving the website to https server as well as local host. How can I fix this?