#self-talk {
    width:calc(80% - 90px);
    float: left;
    padding-right: 90px;
    margin:0px;
}
#selfpoto {
    width:20%;
    margin-top: 20px;
}
.big-bg{
    width:100vw;
    background-image:url(img/blackandwhite/629.jpg);
    height:40vh;
    background-size: 100vw;
    background-attachment: fixed;
    animation-name: rotateAnimation;
    animation-duration: 1ms; /* Firefox requires this to apply the animation */
    animation-timeline:scroll();
}
@keyframes rotateAnimation {
    from {
      filter: brightness(100%);
    }
  
    to {
        filter: brightness(-500%);
    }
  }
  
.big-bg h2{
    margin:0px;
    position:absolute;
    line-height: 100px;
    top: calc(50vh - 50px);
    width:50%;
    left:25%;
    font-size: 100px;
    text-align: center;
    color: aliceblue;
    align-content: center;
}
#shootbk{
    background-image: url(img/blackandwhite/000146710003.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#shootcol{
    background-image: url(img/colorful/000011840027.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#AI{
    background-image: url(img/AI/playground-image-hX3XM.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}