.tiles article > .image {
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 1000px;
        overflow: hidden;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      }


<section class="tiles">
          <article class="style1">
            <span class="image">
              <img src="assets/images/Week01.jpg" alt="" />
            </span>
            <a href="assignments/week01.html">
              <h2>Week 1</h2>
              <div class="content">
                <p>Project management</p>
              </div>
            </a>
          </article>
          <article class="style2">
            <span class="image">
              <img src="assets/images/Week02.jpg" alt="" />
            </span>
            <a href="#">
              <h2>Week 2</h2>
              <div class="content">
                <p>Computer Aided design</p>
              </div>
            </a>
          </article>
          <article class="style3">
            <span class="image">
              <img src="assets/images/Week03.jpg" alt="" />
            </span>
            <a href="#">
              <h2>Week 3</h2>
              <div class="content">
                <p>Computer controlled cutting</p>
              </div>
            </a>

H T M L C O D E

C S S C O D E

V I E W W E B S I T E