Can't tween/move groups inside an svg object
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Play animations</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="css/app.css">
<script src="gsap/GSDevTools.js"></script><!-- Remove dev only -->
<script src="gsap/TimelineMax.js"></script><!-- maybe use lite version -->
<script src="gs
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Play animations</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="css/app.css">
<script src="gsap/GSDevTools.js"></script><!-- Remove dev only -->
<script src="gsap/TimelineMax.js"></script><!-- maybe use lite version -->
<script src="gs