JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas" width="1000" height="1000"></canvas>

JavaScript

var c = document.getElementById("canvas");
var ctx = c.getContext("2d");

	function drawBackground(){
		//draw floor
		ctx.fillStyle = "#7c593d";
		ctx.fillRect(0, 330, 600, 70);
		
		//chamber
		ctx.fillStyle = "#ffffff";
		ctx.fillRect(0, 200, 600, 130);
		
		//mud
		ctx.fillStyle = "#9d7854";
		ctx.fillRect(0, 180, 600, 20);	
		
		ctx.fillStyle = "#bec0c2";
		ctx.fillRect(0, 165, 600, 15);
		
		//hill 1
		ctx.beginPath();
		ctx.moveTo(0, 100);
		ctx.bezierCurveTo(150, 60, 350, 80, 600, 165);
		ctx.lineTo(0, 165);
		ctx.lineTo(0, 100);
		ctx.fillStyle = "#71b94c";
		ctx.fill();
		ctx.closePath();
		
		//hill 2
		ctx.beginPath();
		ctx.moveTo(600, 80);
		ctx.bezierCurveTo(500, 60, 380, 80, 310, 90);
		ctx.bezierCurveTo(290, 100, 350, 85, 600, 165);
		ctx.lineTo(600, 95);
		ctx.fillStyle = "#3ba14e";
		ctx.fill();
		ctx.closePath();
		
		//sky
		ctx.beginPath();
		ctx.moveTo(0, 10);
		ctx.lineTo(0, 100);
		ctx.bezierCurveTo(150, 60, 300, 100, 310, 90);
		ctx.bezierCurveTo(290, 102, 380, 60, 600, 80);
		ctx.lineTo(600, 10);
		ctx.lineTo(0, 10);
		ctx.fillStyle = "#82d8f8";
		ctx.fill();
		ctx.closePath();
		
		//gap
		ctx.beginPath();
		ctx.fillStyle = "#ffffff";
		ctx.fillRect(200, 165, 30, 50);
		ctx.fillRect(190, 165, 50, 10);		
		ctx.closePath();
		
		//ladder
		ctx.beginPath();
		ctx.moveTo(200, 165);
		ctx.lineTo(200, 330);
		ctx.moveTo(230, 165);
		ctx.lineTo(230, 330);
		
		ctx.moveTo(200, 185);
		ctx.lineTo(230, 185);
		
		ctx.moveTo(200, 205);
		ctx.lineTo(230, 205);
		
		ctx.moveTo(200, 225);
		ctx.lineTo(230, 225);		
		ctx.moveTo(200, 245);
		ctx.lineTo(230, 245);		
		ctx.moveTo(200, 265);
		ctx.lineTo(230, 265);		
		ctx.moveTo(200, 285);
		ctx.lineTo(230, 285);		
		ctx.moveTo(200, 305);
		ctx.lineTo(230, 305);		
		ctx.moveTo(200, 325);
		ctx.lineTo(230, 325);
		
		ctx.lineWidth = "2";
		ctx.strokeStyle = "black";
		ctx.stroke();
		ctx.closePath();
		
		//gas meter
		ctx.beginPath();
		ctx.moveTo(250, 200);
		ctx.lineTo(250, 250);
		ctx.lineWidth =...