Edit in JSFiddle

<form id="my-form" class="p-4 antialiased">
  <div class="pb-3">
    <label for="email" class="block pb-2 text-gray-300 font-semibold text-sm">Email Address</label>
    <input id="email" 
           type="email" 
           name="email" 
           required 
           placeholder="jane@example.com" 
           class="w-64 mr-2 py-2 px-3 bg-gray-400 rounded focus:outline-none focus:bg-white" />
    <div data-sk-error="email" class="pt-2 font-bold text-red-600 text-sm"></div>
  </div>
  
  <div class="pb-2">
    <label for="message" class="block pb-2 text-gray-300 font-semibold text-sm">Message</label>
    <textarea id="message"
              name="message" 
              required 
              placeholder="What's on your mind?" 
              class="w-full h-32 mr-2 py-2 px-3 bg-gray-400 rounded focus:outline-none focus:bg-white"></textarea>
    <div data-sk-error="message" class="pt-2 font-bold text-red-600 text-sm"></div>
  </div>
  
  <button type="submit" class="py-2 px-6 bg-indigo-600 rounded text-white font-bold">Send</button>
</form>
sk('form', 'init', {
  site: '02003c3fb0ca',
  form: 'fiddle-demo',
  element: '#my-form',
  onSuccess: function(config) {
    var h = config.h;
    var form = config.form;
    var replacement = h("div.p-4.text-gray-300", "We'll be in touch soon!");
    form.parentNode.replaceChild(replacement, form);
  }
});