body {
  margin: 0;
  background-image: url("rainbowcloud.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: sans-serif;
}

.page {
  max-width: 100%;
  margin: 0 auto;
  padding: 3% 2%;
}

.site-header img {
  width: 100%;
  display: block;
}

.stylopop {
  opacity: 0;
  background-color: transparent;
  
}

.top-content {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.container-one {
  position: relative;
  display: inline-block;
  width: 100%;
}


.about-text {
  position: absolute;
  right: 38.5%;
  bottom: 37.8%;
  transform: translate(-38.5%, -37.8%);
  width: auto;
  white-space: nowrap;
  resize: none;
  
  
}

.about-box img {
  float: right;
  width: 78%;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 
}

.portfolio-box img {
   float: left;
  width: 20%;

}

.main-text {
  flex: 2;
  
}