:root {
  --red: tomato;
  --bgColor: bisque;
}

#imagen-marco {
  display: grid;
  place-items: center;
  height: 100vh;
  background-color: var(--bgColor);
  /*width:60%*/
}

img.framed {
  box-shadow: -50px -50px 0 -40px var(--red), 50px 50px 0 -40px var(--red);
}

img.oval {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 90vh;
  height: 45vh;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0, 0, 0, 1);
  -o-text-overflow: clip;
  text-overflow: clip;
  border: 1px solid #1abc9c;
            }
			
/*codigo html a implementar*/

/*
<div class="imagen-marco">
	<img class="framed oval" src="images/QuiesesSomos_Historia_1.jpeg" alt="">
</div>
*/