<div class="textcontainer">
<p class="margin"> </p>
<div class="center-row">
<img src="./Bio_Pic.jpeg" alt="placeholder for you about me image">
<p id="aboutme">
Hi, everyone! I'm Aiyanna, a junior in Leverett House studying neuroscience with a secondary in AFVS film production... I have no experience in engineering, design or coding but I'm so ready to learn!
</p>
</div>
<br></br>
<p class="pet-cat-text">This is my pet cat Chia! (named after the seed and NOT chia pets)</p>
<img src="./Chia_Pet.jpeg" alt="Chia the cat" class="chia-pic">
<br></br>
<p class="crochet-text">In my free time I like to crochet and travel!</p> <!-- Added class for styling -->
<!-- Flexbox container for portrait and landscape images -->
<div class="image-row">
<!-- Portrait image on the left -->
<img src="./Crochet_Cow.jpeg" alt="A cow I've crocheted" class="crochet-img">
<!-- Stack two landscape images on top of each other -->
<div class="stacked-images">
<img src="./Taiwan_Pic.jpeg" alt="A Travel photo" class="second-img"> <!-- First landscape image -->
<img src="./Hawaii_Pic.jpeg" alt="Another image stacked" class="third-img"> <!-- Second landscape image -->
</div>
</div>
</div>