/* Add custom CSS styles below */ 
.banner {
  width: 100%;
  height: 300px;
  background-image: url('your-image.jpg');
  /* تطبيق تدرج يجعل الأطراف شفافة والمنتصف ظاهراً */
  mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);
}