.frame-container {
  position: relative;
  width: 550px;
  height: 849px;
  margin: 0 auto; /* centers the whole frame on the page */
}

.frame-container img {
  width: 100%;
  height: 100%;
  display: block;
}

.video-wrapper {
  position: absolute;
  top: 50%;  /* center vertically */
  left: 40%; /* center horizontally */
  transform: translate(-60%, -40%);
  width: 340px;  /* your exact video size */
  height: 604px;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}

body {
  background-color: black;
  color: black;
  font: Garamond;
  font-family: serif;
    font-size:25px;
    color: #876863;
}

.hoverimage:hover{
  transform: scale(1.3);
}