How to remove green background from video element?

I have standard video element with source inside him and everything is good on desktop. On pixel 2, there is green background, which I didn't add and I don't know how to remove it. This is the html I have:

<div ng-class="{'fade-in-modal': sempahores.isNYModalVisible}" ng-click="closeModal()" class="ny-modal">
   <div ng-click="closeModal()" class="ny-modal-close">
       <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="far" data-icon="times" viewBox="0 0 320 512">
        <path fill="currentColor" d="M207.6 256l107.7-107.7a16 16 0 000-22.6l-25-25a16 16 0 00-22.6 0L160 208.4 52.3 100.7a16 16 0 00-22.6 0l-25 25a16 16 0 000 22.6L112.4 256 4.7 363.7a16 16 0 000 22.6l25 25a16 16 0 0022.6 0L160 303.6l107.7 107.7a16 16 0 0022.6 0l25-25a16 16 0 000-22.6L207.6 256z"/>
       </svg>
    </div>
    <video id="videoModal" class="ny-modal-video" loop muted>
       <source src="thisIsVideoUrlThatICantShare" type="video/mp4"/>
       Your browser does not support the video tag.
    </video>
</div>

And this is css that I have:

.ny-modal {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(255,255,255,.95);
   width: 100%;
   z-index: -1;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   &-video {
       width: 100%;
       padding: 0 5%;
       @include breakpoint(sm) {
           padding: 0 24px;
           width: 768px;
           height: 500px
       }
       @include breakpoint(md) {
           padding: 0;
           width: 900px;
           height: 500px
       }
   }
   &-close {
       color: #999;
       position: absolute;
       top: 24px;
       right: 24px;
       display: inline-block;
       z-index: 999;
       cursor: pointer;
       svg {
           height: 40px;
           width: 40px;
           display: block;
       }
   }
}