@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
}

.container {
    max-width: 800px;
    margin: 150px auto;
    text-align: center;
}

#tabs {
    margin-top: 40px;
    font-family: "PT Serif", serif;
    font-weight: 400;
    font-style: normal;
}

h1 {
    font-family: "Great Vibes", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 72px;
    margin: 0;
}

.leafs-image {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    margin: 10px; /* Adjust margin as needed */
}

.leafs-image img {
    width: 500px; /* Adjust width as needed */
    height: auto; /* Maintain aspect ratio */
}

.text-left {
    text-align: left;
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .leafs-image img {
        width: 300px; /* Adjust width as needed */
        height: auto; /* Maintain aspect ratio */
    }
}

@media only screen and (max-width: 600px) {
    .container {
        margin: 80px auto;
    }

    .leafs-image img {
        width: 180px; /* Adjust width as needed */
        height: auto; /* Maintain aspect ratio */
    }

    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 18px;
    }
  }