.textportfoliodiv{position:absolute;top:20%}.foraboutdiv{border:1px solid rgb(73,70,70)}.forbordertops{position:relative}.forimgpositions{position:absolute;top:-122px;right:1253px}.fortextpositions{position:absolute;top:-102px;right:4%}.onhover:hover{background-color:white!important;color:black!important}.forimg{position:relative}.hover-title{position:absolute;top:0;left:0;opacity:0;background:rgba(0,0,0,.5);color:white;transition:opacity .3s ease-in-out}.forimg:hover .hover-title{opacity:1}@media screen and (min-width:1250px) and (max-width:1280px){.textportfoliodiv{position:absolute;top:12%}.fortextpositions{position:absolute;top:-102px;right:2%}.forimgpositions{position:absolute;top:-111px;left:36px}}@media screen and (min-width:1350px) and (max-width:1380px){.forimgpositions{position:absolute;top:-122px;right:92%}.textportfoliodiv{position:absolute;top:12%}}@media screen and (min-width:1550px) and (max-width:1600px){.forimgpositions{position:absolute;top:-122px;right:92%}}@media screen and (min-width:1650px) and (max-width:1690px){.forimgpositions{position:absolute;top:-122px;right:92%}.textportfoliodiv{position:absolute;top:17%}.fortextpositions{position:absolute;top:-102px;right:5%}}@media screen and (min-width:1900px) and (max-width:1920px){.forimgpositions{position:absolute;top:-143px;right:92%}}@media screen and (min-width:1350px) and (max-width:1400px){.forimgpositions{position:absolute;top:-118px;right:91%}.textportfoliodiv{position:absolute;top:15%}}@media screen and (min-width:2200px) and (max-width:2250px){.forimgpositions{position:absolute;top:-122px;left:88px}}