//Image A is the background basically being (400,400)
//Image B is transparent and is able to drag across the screen using the mouse

PImage a, b, c, d;
float offset;

void setup() 
{
  size(400, 400);
  a = loadImage("Gulf.jpg"); 
  b = loadImage("Bucket2.jpg");
  c = loadImage("Bucket2.jpg");
  d = loadImage("Bucket2.jpg");
  frameRate(60);
}

void draw() 
{ 
  image(a, 0, 0);
  float offsetTarget = map(mouseX, 0,width, -b.width/2 - width/2, 0);
  offset += (offsetTarget-offset)*0.05; 
  tint(255, 153);
  image(b, offset, 0);
  
}