In order to do that you'll need to first change your /CFW/skin/settings.json to have "text-alignment": "left" and "text-margin": 300 to shift your games list to the right. Next you'll want to use a tool like Skraper to generate your images so it is transparency on the right where your games list is and put what you want to display on the left. You can use the image mixes provided from ebzero on Github or the 2 image mix with only the gameplay screenshot and box art that I've modified below and place the xml into the Mixes subdirectory of Skraper:

<ImageComposition xsi:noNamespaceSchemaLocation="https://www.skraper.net/ImageComposition.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <Information ShortName="RG35XX 2 Image Mix" LongName="RG35XX 2 Image Mix" Description="2DBox + Screenshot" Author="Author" />
  <Viewport Color="#00FFFFFF" Width="1280" Height="960" />
  <Drawings>
    <Item Type="Screenshot">
      <Display X="23%" Y="64%" Antialiasing="None" Width="45%" Height="45%" Anchor="BottomHCenter" />
      <Fallback Type="ScreenshotTitle">
        <Fallback Type="SystemWallPaper">
          <Children Reference="Parent">
            <Item Type="Text" Text="No Screenshot!" TextColor="#FFFFFFFF" FontFamilly="Arial" FontStyle="Bold Italic" />
          </Children>
        </Fallback>
      </Fallback>
    </Item>
    <Item Type="Box2DFront">
      <Display X="44%" Y="57.5%" Antialiasing="None" Transparency="0.9" Width="22%" Height="32%" Anchor="VCenterRight" />
    </Item>
  </Drawings>
</ImageComposition>

When you've decided what you want to use, find the Media Type option under the Media tab in Skraper and choose User Provided Mix and then you can select the custom xml file you want to use when running Skraper.