<div class="container">
      <img src="5984697d-c5e8-4a63-a765-7e7ac3916fc0_round-balloon.jpg" alt="a hot air balloon">
      
     
    </div>

/* Copyright 2018 Google LLC.
SPDX-License-Identifier: Apache-2.0 */

/* CSS files add styling rules to your content */

body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  margin: 2em;
}

.container {
  
}

img {
  max-width: 100%;
  clip-path: circle(45%);
  transition: clip-path 1s;
}

img:hover {
  clip-path: circle(20%);
}