*iNBETWEEN <STYLE> AND </STYLE>*


     /*only use if you want a border*/
._
{
  border-width:7px;
  border-style:solid;
  border-image: url("https://peach-girl12.neocities.org/borders./7c919dfc4a099eeae3cf3d03ec7a8023.jpg") 7 fill round;
border-radius:15px;
width: 100px;
height: 100px;
margin-top: 10px;
position: absolute;
top: px !important;
left: px !important;
z-index: 9999;
                          
}

._
{
   width: 100%;
  height: 100%;
  background-image: url('');
  background-size: cover;
}

   /*ipad portrait*/
@media (min-width: 700px) and (max-width: 860px) {
  . {
    top: px !important;
    left: px !important;
  }
}

   /*ipad landscape*/
@media (min-width: 1100px) and (max-width: 1250px) {
  . {
    top: px !important;
    left: px !important;
  }
}






.NAME OF TAG HERE, E.G '.BOX'
{
  border-width:7px;
  border-style:solid;
  border-image: url("BORDER IMG HERE") 7 fill round;
border-radius:15px;
width: 125px;
height: 165px;
margin-top: 10px;
position: absolute;
top: 666px !important;
left: 140px !important;
z-index: 9999;
                          *CHANGE POSITIONING NUMBERS TO FIT*
}

.NAME OF SECOND TAG HERE, E.G '.INNER-BOX'
{
   width: 100%;
  height: 100%;
  background-image: url('IMG URL HERE');
  background-size: cover;
}

/* iPad Air – Portrait (820px wide) */
@media (min-width: 800px) and (max-width: 860px) {
  .nice {
    top: 665px !important;
    left: 10px !important;
  }
}

/* iPad Air – Landscape (1180px wide) */
@media (min-width: 1100px) and (max-width: 1250px) {
  .nice {
    top: 665px !important;
    left: 90px !important;
  }
}

                           *CHANGE POSITIONING NUMBERS TO FIT*
                           
                           
                           
*IN <DIV> CLASS SECTION*
<div class="NAME OF FIRST TAG HERE"><div class="NAME OF SECOND TAG HERE"></div></div>