venus page

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>venus page</title> <!--change the tab title here-->
    <link rel="shortcut icon" href="favicon url"> <!--put the url for your favicon here-->
    <link href="https://fonts.googleapis.com/css?family=Darker+Grotesque&display=swap" rel="stylesheet">

    <style type="text/css">

      * {
        box-sizing:border-box;
      }

      body {
        background:#fff; /*change background color here*/
        background-image:url('url here'); /*if you want a tiling background, put the url here*/
        background-attachment:fixed;
        color:#000; /*change general text color here*/
        font-family:'Darker Grotesque', sans-serif;
        font-size:18px;
      }

      a {
        color:#8098A6; /*change general link color here*/
        font-style:italic; /*this makes the links italic, remove if you would not like that*/
        text-decoration:none; /*remove this if you want links to have underlines*/
        -moz-transition-duration: 0.5s;
  	    -o-transition-duration: 0.5s;
  	    -webkit-transition-duration: 0.5s;
  	    transition-duration: 0.5s;
      }

      a:hover {
        color:#000; /*change the color of links on hover*/
        -moz-transition-duration: 0.5s;
  	    -o-transition-duration: 0.5s;
  	    -webkit-transition-duration: 0.5s;
  	    transition-duration: 0.5s;
      }

      #container {
        width:100%;
        overflow:hidden;
        margin:0 auto;
      }

      #image {
        height:auto;
        width:auto;
        display:table;
        position:relative;
        float:left;
      }

      #image img {
        border:1px solid #000; /*change image border size, type, and color*/
      }

      .textbelow {
        height:auto;
        width:100%;
        position:relative;
        display:table-caption;
        caption-side:bottom;
      }

      .textbeside {
        height:auto;
        width:auto;
        margin-left:25px;
        position:relative;
        float:left;
      }

    </style>
  </head>
  <body>
    <div id="container">
      <div id="image">
        <!--change url here to image that you want-->
        <img src="https://cdn.discordapp.com/attachments/433840080793370624/605107193146114053/1500135725.meesh_hypnohelp_rs1.png">
        <div class="textbelow">
          <!--text below image starts here-->
          <p>text text text text text text text text text text text text text text text text text text text text text </p>
          <!--text below image ends here-->
        </div>
      </div>
      <div class="textbeside">
        <!--text beside image starts here-->
        <p>texttext text text text text text text text text text text text text text text text text text text text text text</p>
        <!--text beside image ends here-->
      </div>
    </div>
  </body>
</html>