anchor.diff:        </div>
           <div class="walk-thru-step">
               <div class="content-wrapper">
  -              <img src="/images/tools/connect/attempt_1.png" alt="connect image">
  -              <div class="blurb">
  -                <h2><span>1st Attempt:</span> Show Relationships</h2>
  -                <p>Using <span>and</span> is a very common pattern for emerging writers. Quill challenges the student to revise the sentence to express a causal relationship, which is an important step towards conveying complex ideas.</p>
  +              <img src=<%= "#{ENV['CDN_URL']}/images/tools/connect/attempt_1.png" %> alt="connect image">
  +              <div class="blurb">
  +                  <h2><span>1st Attempt:</span> Write Concisely</h2>
  +                  <p>
  +                      The student used <span>and</span> to join the sentences together. This is a very common pattern for emerging writers. Quill breaks this pattern by challenging students to revise their work.
  +                  </p>
                 </div>
               </div>
           </div>
           <div class="walk-thru-step">
               <div class="content-wrapper">
  -              <img src="/images/tools/connect/attempt_2.png" alt="connect image">
  +              <img src=<%= "#{ENV['CDN_URL']}/images/tools/connect/attempt_2.png" %> alt="connect image">
                   <div class="blurb">
  -                  <h2><span>2nd Attempt:</span> Use Pronouns</h2>
  -                  <p>
  -                    The student showed the correct relationship but unnecessarily repeated a noun. Quill guides the student towards using a pronoun to make the sentence more fluid.
  -                  </p>
  +                    <h2><span>2nd Attempt:</span> Show Relationships</h2>
  +                    <p>
  +                      While using <span>and</span> is grammatically correct, it is not the strongest way of conveying the relationship between the ideas. Students must express the causal relationship here, an important step towards conveying complex ideas.
  +                    </p>
                   </div>
               </div>
           </div>
           <div class="walk-thru-step">
             <div class="content-wrapper">
  -            <img class="img-attempt-3" src="/images/tools/connect/attempt_3.png" alt="connect image">
  -              <div class="blurb">
  -                <h2><span>3rd Attempt:</span> Use Punctuation</h2>
  -                <p>
  -                  The student used a pronoun effectively but left out the comma. Quill provides feedback and shows a model sentence to help guide the student.
  -                 </p>
  +            <img class="img-attempt-3" src=<%= "#{ENV['CDN_URL']}/images/tools/connect/attempt_3.png" %> alt="connect image">
  +              <div class="blurb">
  +                  <h2><span>3rd Attempt:</span> Use Punctuation</h2>
  +                  <p>
  +                    The student showed the correct relationship but left out the comma. Quill provides feedback and shows a model sentence to help guide the student.
  +                  </p>
                 </div>
             </div>
           </div>
           <div class="walk-thru-step">
             <div class="content-wrapper">
  -            <img class="img-attempt-4" src="/images/tools/connect/attempt_4.png" alt="connect image">
  +            <img class="img-attempt-4" src=<%= "#{ENV['CDN_URL']}/images/tools/connect/attempt_4.png" %> alt="connect image">
                 <div class="blurb">
                     <h2><span>4th Attempt:</span> Strong Sentence!</h2>
                     <p>
  
positive.code: 
      <section class='bg-connect-yellow tool-hero text-center'>
        <h1 class="q-h1">
            <img class="tool-page-icon" src='/images/quill_connect_white.svg'>Quill Connect
        </h1>
        <p class='description'>
          Help your students advance from fragmented and run-on sentences to complex and well-structured sentences with Quill Connect. Using the evidence-based strategy of sentence combining, students combine multiple ideas into a single sentence. They then receive instant feedback designed to help them improve the clarity and precision of their sentences.
        </p>
        <a href='http://connect.quill.org/#/play/lesson/-KnBeexyhssSWcrSEfpr' target="_blank" class="q-button cta-button bg-white text-connect-yellow">Try Quill Connect Now</a>
      </section>
  
      <section class="tool-animation-section " id="overview">
            <video class='tool-animation' src="/videos/connect.mp4" autoplay loop/>
      </section>
  
      <section class="walk-thru-wrapper desktop" id="how-it-works">
  
negative.code: 
    <section class="tool-try-it bg-connect-yellow bg-image-connect-pattern-bullseye">
      <h2 class='q-h1'>Try It Out for Yourself</h2>
      <a href='https://connect.quill.org/#/play/lesson/-KnoWhUWhtxvet4_bi4r' target="_blank" class="q-button cta-button bg-white text-connect-yellow">Preview Quill Connect</a>
    </section>
  
    <section>
      <div class="boy-playing-quill">
        <img src=<%= "#{ENV['CDN_URL']}/images/tools/connect/laura_marshall_student.png" %> alt="boy playing quill">
      </div>
    </section>
  
  