<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="tutorial-piece">
<div class="row">
<div class="col-md-4">
<h3>
<span class="eraser b"> Erase </span>Boundary Crossing Marks
</h3>
<p>
Leave space to let the algorithm find the exact edge. <span class="bg b">Red</span> and <span class="fg b">green</span> should never touch.
</p>
<p>
Use the <span class="yo-data-uri sword-tool-icon-svg"></span> <a href="/tutorials/scalpel">scalpel</a> for precision control of the boundary.
</p>
</div>
<div class="col-md-8">
<table class="tutorial-table">
<tbody><tr>
<td>
<div style="position: relative;">
<video webkit-playsinline="webkit-playsinline" autoplay="autoplay" loop="loop" playsinline="playsinline" muted="muted" class="video_player video_player_responsive" controls="controls">
<source src="//dyl80ryjxr1ke.cloudfront.net/external_assets/videos_v2/erase.webm" type="video/webm">
<source src="//dyl80ryjxr1ke.cloudfront.net/external_assets/videos_v2/erase.mp4" type="video/mp4">
</video>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
</div>