Big text block / small img

With text inside

HTML:

<!-- 50/50 split (sections.js stub)
		     data-img-pos: "left" | "right" (optional, default left)
		     data-img: image src (optional)
		     data-caption: caption (optional)
		     data-lightbox: "true" to enable
		-->
			<div class="section" data-type="split50" data-img="/assets/img/cover-photo-old-2.png" data-lightbox="true">
				<h2>50/50 Split, Image left</h2>
				<p>With text inside</p>
			</div>

CSS:

/***********************************************************************
			*  Accordion
			**********************************************************************/

			.flex-accordion-wrapper {
				display: grid;
				grid-template-columns: 1fr;
				gap: 1px;
				background: var(--card-bg);
				padding: 15px;
				margin: 20px;
				text-align: left;
				box-shadow: var(--shadow);
			}

Python:

print("Welcome to Treasure Island.")
			print("Your mission is to find the treasure.")
			choice1 = input("Left or right?").lower()
			if choice1 == "left":
			    choice2 = input("Swim or wait?").lower()
			    if choice2 == "wait":
			        choice3 = input("Blue, Red, or Yellow door?").lower()
			        if choice3 == "red":
			            print("Burned by Fire, Game over")
			        elif choice3 == "blue":
			            print("Eaten by Beasts, Game over!")
			        elif choice3 == "yellow":
			            print("You win!")
			        else:
			            print("Game over.")
			    else:
			        print("Attacked by trout, Game over!")
			else:
			    print("Fall into a hole, Game Over")