Well…So, first of all, I understand how you feel, but let me explain a few points on your design approach which I would address before all.
X Theme actually offers you a massive element control way above them most of the themes, in one hand this can be overwhelming and you can start to find yourself on deep waters which you didn’t even want to visit in the first place.
The tab element has its characteristics, turning them into a specific design which you previously created will, of course, take some customization involved since you will need to overwrite them standard design.
Learning CSS is the way to go to take his approach, it is not hard but just takes practice, I do recommend the course CSS Basics from DevTips on youtube.
That said, I would suggest playing with the tools you have as you know how to use.
Going for your original design, I would suggest you doing the following.
Use a Classic Slider.
Since you don’t know yet much HTML and CSS, creating the content as it looks now inside the slider although quite simple would be complicated. So for this we will use Global bocks, and each slide will be built as a different global block.
That way you will be able to create on the global block the content as on your pictures inside the slide using Cornerstone functionality of columns and all elements.
Once you do that you can add the global blocks shortcode inside each slide on classic slider.
That way you will have a very similar design to what you initially want, if there is more details you want to adjust you can let us know but if it starts to follow into customization you will need to research yourself, contract a developer to help you or use the tools available from different angle.
Last tip, simple always work and always look good.
Hope it helps