Why CSS not working on modal pop up servicenow home page

[SSA1]

Hi,

I have created a pop up i service now homepage. But when I use css to hide white background shown in modal-body.

css is not working. Please advicewhy css is not working on modal pop up , and how can we fix that.

<div> 

  <div data-ng-init="c.openModal()"></div>
  <script type="text/ng-template" id="modalTemplate">
  
  <div>
  <div class="modal-body">
   <button type="button" class="close" data-dismiss="modal" ng-click="c.closeModal()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <img class="img-responsive" src="banner.png" />
   </div>
 </div>
 </script>

</div>

 this is the html code i have used and it's showing as below. I want to hide this white color background around the image and only show the image. and close button should place on top of the image.

[vkachineni]

Have a look at this thread

https://community.servicenow.com/community?id=community_question&sys_id=2b301e65db186810190b1ea6689619b1

Add this CSS to the page

.modal-content {
background-color: transparent;
}