"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Donec pulvinar rhoncus dui, vitae molestie ligula ultricies vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean vestibulum fringilla erat, in accumsan quam imperdiet sed. Cras dapibus, enim ac varius ultricies, odio nulla imperdiet erat, sed luctus nisi nisl ut lorem. Ut in maximus sem, et feugiat nisi. Fusce ultricies ex et nisi pellentesque sollicitudin. Proin molestie ex id mauris dapibus pellentesque. Sed tincidunt diam ut tincidunt molestie. Pellentesque et sapien facilisis, ultricies nunc eget, accumsan felis. Morbi magna lorem, dictum et nisl vel, congue aliquet lorem. Vivamus sed gravida ex.
Suspendisse vestibulum ac ipsum dictum condimentum. Vestibulum euismod justo ac risus pharetra, eu euismod nunc sollicitudin. Pellentesque id neque id diam ultrices pharetra. Nullam facilisis tincidunt consectetur. Nullam ac tincidunt mi. Quisque facilisis magna nisi, sit amet viverra est tempus vitae. Nunc consectetur lorem ut justo vulputate gravida. Quisque rutrum metus id urna posuere faucibus. Donec sed neque placerat, molestie neque vitae, ultrices velit. Mauris laoreet placerat lectus, quis hendrerit ligula consequat sed.
Ut aliquet lobortis mi non convallis. Nulla semper nec ex nec placerat. Donec laoreet nulla vel augue scelerisque imperdiet. Aenean in dui faucibus, tempor nibh sed, varius lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed consectetur, metus ac luctus tempus, odio leo faucibus libero, ut rutrum dui lacus quis felis. Curabitur nec porta arcu, id ornare velit. Curabitur finibus pulvinar libero nec laoreet. Mauris euismod felis neque, varius efficitur ipsum tincidunt ac. Vestibulum ligula neque, ultrices non facilisis eu, hendrerit non ligula. Nullam semper, mi nec fringilla pharetra, massa diam semper augue, et facilisis justo turpis nec eros.
Duis id est sodales, ultricies risus a, volutpat sem. Nunc magna ipsum, dignissim ut odio vitae, feugiat tempus est. Integer sollicitudin lectus id turpis blandit laoreet. Nunc sem risus, porta eget luctus vitae, suscipit eget mi. Mauris quis nisl a elit rutrum maximus. Donec id dolor erat. Duis nulla sapien, venenatis et turpis nec, malesuada molestie lectus.
Code:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet">
[style].zephyr {margin: auto; width: 560px; background-color: #bca893; background-image: url('https://i.postimg.cc/CKKg7tkH/zephyr-table-bca893.png'); background-repeat: no-repeat; background-position: center bottom; padding: 10px 20px 375px 20px; border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 300px; border-bottom-left-radius: 300px; border: 5px solid #7d5b3d;} .zephyr p {color: #38322b; text-align: justify; background-color: #e0d3c0; padding: 20px; border-radius: 20px; font-family: "Source Serif 4", serif; font-style: normal;} .zephyr>p>spk {color: #1a5681; font-weight: bold;} .zephyr>p>thk {color: #2d3436; font-style: italic; text-shadow: 0px 0px 4px #2d3436;}[/style]
<div class="zephyr"><p>
Text goes here. <spk>"Speaking goes here."</spk> <thk>Thoughts go here.</thk>
</p></div>