Alpha background and bullet image not working

Here is what my site looks like: https://www.thumbnailart.com/wp-content/uploads/2014/02/takealook1.jpg

I want the top banner to have some transparency (as seen in my coding, using the rgba so that only the background would be transparent, but it doesn’t work on my page.

I also want the bullets to be changed to arrow images which I have uploaded but the bullets are still appearing! Please help me solve this, I’ve tried every code combination I can think of.

Here is my child theme CSS:

.fullscreen_title h1{

	background-color: rgba(198, 198, 198, 0.4);

}

.contentarea {

}

.biobox {
	width:35%;
	background-color:#d9d9d9;
	height:100%;
	padding-top:150px;
	padding-left:20px;
	right:0px;
	top:0px;
	bottom:69px;
	position:absolute !important;
	float:right !important;

}

#arrowlist ul {
  margin: 0;
  padding: 0;
}

#arrowlist li {
	list-style: none !important;

  background: url('https://www.thumbnailart.com/wp-content/uploads/2014/02/arrow_bullets.png') no-repeat top left;
  margin: 0;
  padding: 4px 0 4px 20px;
  list-style: none;
  font-size:23px;

}