Imported code looks different than actual

https://goatplayzs-stellar-project.webflow.io/untitled this is how the imported code looks
This is how it should look : https://imgur.com/ceSfTTu

My share only link

code under

body{font-family:Montserrat,sans-serif;background:#f7edd5}.container{max-width:900px}a{display:inline-block;text-decoration:none}input{outline:0!important}h1{text-align:center;text-transform:uppercase;margin-bottom:40px;font-weight:700}section#formHolder{padding:50px 0}.brand{padding:20px;background:url(https://goo.gl/A0ynht);background-size:cover;background-position:center center;color:#fff;min-height:540px;position:relative;box-shadow:3px 3px 10px rgba(0,0,0,.3);transition:all .6s cubic-bezier(1,-.375,.285,.995);z-index:9999}.brand.active{width:100%}.brand::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#000;z-index:-1}.brand a.logo{color:#f95959;font-size:20px;font-weight:700;text-decoration:none;line-height:1em}.brand a.logo span{font-size:30px;color:#fff;transform:translateX(-5px);display:inline-block}.brand .heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:all .6s}.brand .heading.active{top:100px;left:100px;transform:translate(0)}.brand .heading h2{font-size:70px;font-weight:700;text-transform:uppercase;margin-bottom:0}.brand .heading p{font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:2px;white-space:4px;font-family:Raleway,sans-serif}.brand .success-msg{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:60px}.brand .success-msg p{font-size:25px;font-weight:400;font-family:Raleway,sans-serif}.brand .success-msg a{font-size:12px;text-transform:uppercase;padding:8px 30px;background:#f95959;text-decoration:none;color:#fff;border-radius:30px}.brand .success-msg a,.brand .success-msg p{transition:all .9s;transform:translateY(20px);opacity:0}.brand .success-msg a.active,.brand .success-msg p.active{transform:translateY(0);opacity:1}.form{position:relative}.form .form-peice{background:#fff;min-height:480px;margin-top:30px;box-shadow:3px 3px 10px rgba(0,0,0,.2);color:#bbb;padding:30px 0 60px;transition:all .9s cubic-bezier(1,-.375,.285,.995);position:absolute;top:0;left:-30%;width:130%;overflow:hidden}.form .form-peice.switched{transform:translateX(-100%);width:100%;left:0}.form form{padding:0 40px;margin:0;width:70%;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.form form .form-group{margin-bottom:5px;position:relative}.form form .form-group.hasError input{border-color:#f95959!important}.form form .form-group.hasError label{color:#f95959!important}.form form label{font-size:12px;font-weight:400;text-transform:uppercase;font-family:Montserrat,sans-serif;transform:translateY(40px);transition:all .4s;cursor:text;z-index:-1}.form form label.active{transform:translateY(10px);font-size:10px}.form form label.fontSwitch{font-family:Raleway,sans-serif!important;font-weight:600}.form form input:not([type=submit]){background:0 0;outline:0;border:none;display:block;padding:10px 0;width:100%;border-bottom:1px solid #eee;color:#444;font-size:15px;font-family:Montserrat,sans-serif;z-index:1}.form form input:not([type=submit]).hasError{border-color:#f95959}.form form span.error{color:#f95959;font-family:Montserrat,sans-serif;font-size:12px;position:absolute;bottom:-20px;right:0;display:none}.form form input[type=password]{color:#f95959}.form form .CTA{margin-top:30px}.form form .CTA input{font-size:12px;text-transform:uppercase;padding:5px 30px;background:#f95959;color:#fff;border-radius:30px;margin-right:20px;border:none;font-family:Montserrat,sans-serif}.form form .CTA a.switch{font-size:13px;font-weight:400;font-family:Montserrat,sans-serif;color:#bbb;text-decoration:underline;transition:all .3s}.form form .CTA a.switch:hover{color:#f95959}footer{text-align:center}footer p{color:#777}footer p a,footer p a:focus{color:#b8b09f;transition:all .3s;text-decoration:none!important}footer p a:focus:hover,footer p a:hover{color:#f95959}@media (max-width:768px){.container{overflow:hidden}section#formHolder{padding:0}section#formHolder div.brand{min-height:200px!important}section#formHolder div.brand.active{min-height:100vh!important}section#formHolder div.brand .heading.active{top:200px;left:50%;transform:translate(-50%,-50%)}section#formHolder div.brand .success-msg p{font-size:16px}section#formHolder div.brand .success-msg a{padding:5px 30px;font-size:10px}section#formHolder .form{width:80vw;min-height:500px;margin-left:10vw}section#formHolder .form .form-peice{margin:0;top:0;left:0;width:100%!important;transition:all .5s ease-in-out}section#formHolder .form .form-peice.switched{transform:translateY(-100%);width:100%;left:0}section#formHolder .form .form-peice>form{width:100%!important;padding:60px;left:50%}}@media (max-width:480px){section#formHolder .form{width:100vw;margin-left:0}h2{font-size:50px!important}}

code before

<div class="container">
   <section id="formHolder">

      <div class="row">

         <!-- Brand Box -->
         <div class="col-sm-6 brand">


            <div class="heading">
               <h2>Morelli</h2>
               <p>Your Right Choice</p>
            </div>

            <div class="success-msg">
               <p>Great! You are one of our members now</p>
               <a href="#" class="profile">Your Profile</a>
            </div>
         </div>


         <!-- Form Box -->
         <div class="col-sm-6 form">

            <!-- Login Form -->
            <div class="login form-peice switched">
               <form class="login-form" action="/login" method="post">
                  <div class="form-group">
                     <label for="loginemail">Email Adderss</label>
                     <input type="email" name="username" id="loginemail" required>
                  </div>

                  <div class="form-group">
                     <label for="loginPassword">Password</label>
                     <input type="password" name="password" id="loginPassword" required>
                  </div>

                  <div class="CTA">
                     <input type="submit" value="Login">
                     <a href="#" class="switch">I'm New</a>
                  </div>
               </form>
            </div><!-- End Login Form -->


            <!-- Signup Form -->
            <div class="signup form-peice">
               <form class="signup-form" action="#" method="post">

                  <div class="form-group">
                     <label for="name">Full Name</label>
                     <input type="text" name="name" id="name" class="name">
                     <span class="error"></span>
                  </div>

                  <div class="form-group">
                     <label for="email">Email Adderss</label>
                     <input type="email" name="username" id="email" class="email">
                     <span class="error"></span>
                  </div>

                  <div class="form-group">
                     <label for="phone">Phone Number - <small>Optional</small></label>
                     <input type="text" name="phone" id="phone">
                  </div>

                  <div class="form-group">
                     <label for="password">Password</label>
                     <input type="password" name="password" id="password" class="pass">
                     <span class="error"></span>
                  </div>

                  <div class="form-group">
                     <label for="passwordCon">Confirm Password</label>
                     <input type="password" name="passwordCon" id="passwordCon" class="passConfirm">
                     <span class="error"></span>
                  </div>

                  <div class="CTA">
                     <input type="submit" value="Signup Now" id="submit">
                     <a href="#" class="switch">I have an account</a>
                  </div>
               </form>
            </div><!-- End Signup Form -->
         </div>
      </div>

   </section>




</div>

my read only link : https://preview.webflow.com/preview/goatplayzs-stellar-project?utm_medium=preview_link&utm_source=designer&utm_content=goatplayzs-stellar-project&preview=9fc3df7bde93d3f04f608216572c3c79&pageId=5eac76eacd114674fa6c1695&mode=preview