.heroMedia { position: relative; }
.heroMedia__imgWrap { position: relative; }
.heroMedia__play {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 2;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    cursor: pointer;
    font-size: 45px;
    padding: 0 0 10px 10px;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0;
    transition: 0.5s ease;
       color: #fff;
    background: #171717;
    border: 1px solid #fff;
}
.heroMedia__play:hover{
    opacity: 0.8;

} 
.heroMedia__videoWrap iframe,
.heroMedia__videoWrap video{
  width:100%;
  height:auto;
  display:block;
}