#container {
  position: sticky;
  top: 14;
  bottom: 50;
  width: 233vw;
  height: 125vh;
  margin: 98;
  display: flex;
  justify-content: center;
  align-items: center;
}
#content {width:500px; 
  height:600px; 
  border:6px solid green; 
  border-radius: 32% 5% 6% 12%; 
  border-radius: 58%; 
  overflow: hidden; 
  background-image: url('https://www.ariat.com/dw/image/v2/AAML_PRD/on/demandware.static/-/Sites-ARIAT/default/dw00f9b649/images/zoom/10016291_3-4_front.jpg?sw=800&sh=800'); 
  padding: -2px 4px;
  background-repeat: no-repeat; 
  background-position:center top; 
  background-size:cover;

  background-clip: text;
  -webkit-background-clip:text;
  color: transparent;
  -webkit-text-fill-color:transparent;
}