Removing HTML rendered for Block Regions
This may help some one else who is having this issue.
So how to remove the extra black divs inside a region you would do the following:
Find &quot;core/modules/system/templates/region.html.twig&quot;
Change it from this –
{#
/**
 * @file
 * Default theme implementation to display a region.
 *
 * Available variables:
 * - content: The content for this region, typically blocks.
 * - attributes: HTML attributes for the region &lt;div&gt;.
 * - region: The name of the region variable as defined in the theme's
 *   .info.yml file.
 *
 * @see template_preprocess_region()
 *
 * @ingroup themeable
 */
#}
{% if content %}
  &lt;div{{ attributes }}&gt;
    {{ content }}
  &lt;/div&gt;
{% endif %}

To this –
{#
/**
 * @file
 * Default theme implementation to display a region.
 *
 * Available variables:
 * - content: The content for this region, typically blocks.
 * - attributes: HTML attributes for the region &lt;div&gt;.
 * - region: The name of the region variable as defined in the theme's
 *   .info.yml file.
 *
 * @see template_preprocess_region()
 *
 * @ingroup themeable
 */
#}
{% if content %}
    {{ content }}
{% endif %}