main img{
  width:100%;
  max-width: 300px;
}
.photo{
  display:flex;
  justify-content: center;
  align-items: center;
}
@media(max-width:400px){
  .photo{
    flex-direction: column;
  }
}
.photo > .leftArrow{
  margin-right:15px;
  font-size: 55px;
}
.photo > .leftArrow:hover{
  color:#406950;
  text-shadow:black 1px 1px;
  border-radius: 17px;
  background: lightgrey;
}
.photo > .rightArrow{
  margin-left:15px;
  font-size: 55px;
}
.photo > .rightArrow:hover{
  color:#406950;
  text-shadow:black 1px 1px;
  border-radius: 17px;
  background: lightgrey;
}