icon issue in video section

.photos-navigation__content .action-item:not(.priority--high) .material-design-icon {

    color: var(--color-primary-text);

}

.file-container .file__images .video-icon{

    background: url(/themes/eCloud/core/img/filetypes/video.svg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 80%;

}

.file-container .file__images .video-icon .material-design-icon__svg{

    display: none;

}

.file-container a.file .file__hidden-description.show

{

    align-self: flex-end;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    text-align: center;

}

#content-vue.app-photos .file-container {

    background-color: transparent;

}

 No newline at end of file