.my-responsive-component {
  /* Dynamic height variables from previous step */
  height: var(--comp-height-mobile);
  
  /* Dynamic background color */
  background-color: var(--comp-bg-color);
  
  /* Added some padding so the color is visible around content */
  padding: 20px;
  width: 100%;
}

@media (min-width: 992px) {
  .my-responsive-component {
    height: var(--comp-height-desktop);
  }
}